@import url('libs/base.css');
@import url('libs/forms.css');
@import url('libs/superfish.css');
@import url('libs/nivo-slider.css');

/* =============================================================================
   Primary styles
   ========================================================================== */

/* ROOT */
body {background:#a19179;}
.wrapper { position: relative; width: 960px; margin: 0 auto; }

/* BANNER */
#header-container, header[role="banner"] { position: relative; z-index: 10; }

/* Branding */
#branding, #branding a { width:226px;height:120px; float:left;padding-top: 30px;}
#branding { margin: 0; padding: 0; }
#branding img {max-width:100%;}
/*#branding a { background: transparent url(../img/logo.png) 0 0 no-repeat; }*/
div.mobile-btns {display: none;}
/* Main Navigation */
nav[role="navigation"] {float:right;margin-top: 20px;margin-bottom: 10px;}

.social {float:right;margin-top: 10px;margin-right: 30px;}

.order-online {float:right;width:215px;margin-top: 10px;}
.order-online img {max-width:100%;}

.email-signup {background:#26633C;padding:10px;color:#fff;}
.email-signup,.email-signup label,.email-signup input[type="submit"] {float:left;margin-right: 20px;}
.email-signup label, .email-signup input[type="email"] {margin-bottom: 0;}

.gallery-image {float:left;width:25%;height:161px;padding:10px;box-sizing:border-box;}
.gallery-image img {max-width:100%;max-height:100%;display: block;margin:0 auto;border:5px solid #26633C;}

/* Feature */
#feature { padding: 0; background:url(../img/feature-background.jpg) 0 0 no-repeat;width: 940px;height:394px;background-size: 100% 100%;padding: 35px 0 0 25px;box-sizing:border-box;}
#slider { width: 940px; height: 394px; /* Must have width and height */ }
#slider img { display: none; }

/* MAIN */
div[role="main"] {background:#fff;padding:10px;width:940px;}

/* Content */
.two-column #content { float: left; width: 65%; margin-top: 10px;}
.home-page #content p {color:#000;font-size:14px;margin-top: 0;}
.two-column aside { float: right; width: 34%; margin-top: 10px;}

.btns > div {float:left;width:306px;height:165px;box-sizing:border-box;margin-left: 4px;margin-top: 10px;}
.btns div img {position: absolute;z-index:1;}
.btns div a {display: block;width:100%;height:100%;color:#000;}
.btns div a:hover {text-decoration: underline;}
.btns div p {position: absolute;z-index:2;bottom:20px;background:rgba(255,255,255,0.8);width:90%;padding:10px 0;box-sizing:border-box;text-align: center;left:15px;margin: 0;}

.instructions {background:#efefef;padding:10px;}
.instructions h4 {margin-top: 0;text-align: left;margin-bottom: 5px;}
.instructions .inner-box {background:#fbfbfb;padding:10px;}
.instructions .inner-box ul {margin-left: 0;padding-left: 0;}
.instructions .inner-box ul li {list-style-type: none;}
.instructions .inner-box ul li span {font-size:25px;height:10px;line-height:21px;float:left;margin-right:10px;}
.instructions .inner-box p {color:#a1a1a1;}
.instructions .inner-box a {color:#a1a1a1;text-decoration: none;padding:5px 0;display: block;}
.instructions .inner-box a:hover {color:#2F8943;}

.menu-buttons > div {float:left;width:22.5%;box-sizing:border-box;text-align: center;background:rgba(15%,39%,24%,1);margin:10px;
  border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.menu-buttons > div a {color:#fff;text-decoration: none;display: block;width:100%;height:100%;padding:15px 0;}
.menu-buttons > div a:hover {text-decoration: underline;}

.menu-item {padding:10px 5px;box-sizing:border-box;}
.menu-item h4 {margin-top: 0;}
/*.menu-item p {width:70%;}*/
.menu-item img {
  float: right;border:5px solid #fff;margin-right: 10px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

.pricing {padding:10px;}

.mobile-product-name {display: none;}
.main-product-name {display: block;}

.newsimage {float:right;margin:10px;z-index:10;border:5px solid #26633C;}

/* Complementary Content */
div[role="complementary"] {  }

.rslides,.rslides2,.rslides3 {position: relative;list-style: none;overflow: hidden;width: 400px;padding: 0;margin: 0;clear:both;}
.rslides li,.rslides2 li,.rslides3 li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 400px;left: 0;top: 0;}
.rslides .nobg,.rslides2 .nobg,.rslides3 .nobg {background:none;}
.rslides .nobg img,.rslides2 .nobg img,.rslides3 .nobg img {width:400px;}
.rslides li:first-child,.rslides2 li:first-child,.rslides3 li:first-child {position: relative;display: block;float: left;}
.rslides img,.rslides2 img,.rslides3 img {display: block;height: auto;max-width: 400px;margin:0 auto;border: 0;}
a.rslides_nav.rslides1_nav,a.rslides_nav.rslides2_nav,a.rslides_nav.rslides3_nav {display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; margin-top: -125px;z-index:1000;}
a.rslides_nav.rslides1_nav.prev,a.rslides_nav.rslides2_nav.prev,a.rslides_nav.rslides3_nav.prev {background:url(http://cricketscateringcafe.com/img/slides/left.png);width:128px;height:128px;float:left;}
a.rslides_nav.rslides1_nav.next,a.rslides_nav.rslides2_nav.next,a.rslides_nav.rslides3_nav.next {background:url(http://cricketscateringcafe.com/img/slides/right.png);width:128px;height:128px;float:right;}

.rslides {
  border:5px solid #fff;
  /*border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;*/
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}

/* Microformats */
.vcard.inline * { display: inline; }
.vcard.inline { display: block; width: 100%; text-align: right; font-size: 16px; }
.vcard.inline .tel, .vcard.inline .fax, .vcard.inline .locality { margin-left: 4px; padding-left: 8px; border-width: 0 0 0 1px; border-style: solid; }

#content ul.vcard { margin: 0 0 20px 0; padding: 0; width: 320px; color: #999; list-style: none; font-size: 10px;float:left; }
#content ul.vcard li { margin: 0 10px; padding: 5px 10px; border-top: 1px dotted #000; }
#content ul.vcard li:first-child { border-width: 0; }
#content ul.vcard .adr, #content ul.vcard .tel, #content ul.vcard .email { display: block; color: #666; font-size: 19px; }
#content ul.vcard .street-address { display: block; }
#content ul.vcard .email { color: #666; text-decoration: none; }

#contact { float: right; }
.right {float: right;}
.left {float: left;}
.clear {clear:both;}

.bordered {border:5px solid #26633C;margin:10px;}

.content-slider-container {max-height:626px;height:626px;clear:both;}
.content-slider-container .rslides img,.content-slider-container .rslides2 img,.content-slider-container .rslides3 img {max-height:626px;}
.content-slider-container .rslides, .content-slider-container .rslides2, .content-slider-container .rslides3 {height:626px;}

/* Google Maps */
#googlemap { margin: 0; float: left; width: 550px; height: 450px; border: 2px double #ddd; color: #000; }

/* CONTENTINFO */
footer[role="contentinfo"] { text-align: left; position: relative; height: 90%; background:#26633C;color:#fff;}
footer[role="contentinfo"] a { color: #fff; text-decoration: none; text-align: center; }
footer[role="contentinfo"] a:hover { text-decoration: underline;}
.spider { background: url(../img/spiders.png) center top; background-repeat: no-repeat; height: 10px; display: block; text-transform: uppercase; font-size: 10px; padding: 40px 0 0 0; text-decoration: none; width: 100px; margin-right: 10px; position: absolute; right: 0; bottom: 10px; }
.spider:hover { background-position: center -50px; }
a[href="#page-container"] { position: absolute; left: 10px; bottom: 15px; text-align: left; }
#copyright { width: auto; text-align: left; position: absolute; bottom: 30px; left: 10px; }

/* Sticky Footer */
html, body, #page-container { height: 100%; }
body.home-page > #page-container { height: auto; min-height: 100%; }
body > #page-container {min-height: 0;height:auto!important;}
/*#main { padding-bottom: 80px; }*/ /* must be same height as the footer */
#footer-container { position: relative; margin-top: 10px;/*margin-top: -80px; *//* negative value of footer height */ height: 80px; clear: both; }

/* =============================================================================
   Non-semantic helper classes
   Please define your styles before this section.
   ========================================================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* =============================================================================
   Media Queries
   ========================================================================== */

@media screen and (max-width:979px) {
  .wrapper {width:100%;}
  div[role="main"] {width:100%;padding:0;}
  .two-column #content {width:auto!important;}
  #content {padding:0 10px;}
  .two-column aside {width:100%;margin-top: 10px;}
  header[role="banner"] {margin-bottom: 10px;}
  #feature {width:95%;margin:10px auto;background:none;padding: 0;height:auto!important;}
  .rslides,.rslides2,.rslides3 {margin:0 auto;width:400px;}
  /*.btns img {width:31.7%;margin:0 0 0 10px;}*/
  .btns {display: none;}
  #branding {margin:0 auto;display:block;float:none;}
  #branding,#branding a {width:320px;height:auto!important;}
  #branding img {max-width:100%;}
  div.mobile-btns {display: block;width:95%;margin:0 auto;margin-top: 10px;}
  div.mobile-btns div {width:100%;float:left;text-align: center;border:5px solid #fff;background:#26633C;box-sizing:border-box;}
  div.mobile-btns div a {display: block;width:100%;color:#fff;font-weight: bold;text-decoration: none;padding:10px 0;}
  nav[role="navigation"] {width:95%;margin:0 auto;display: block;float:none;clear:both;}
  nav[role="navigation"] ul li {width:100%;text-align: center;}
  nav[role="navigation"] ul li a {width:100%;height:100%;box-sizing:border-box;}
  .social {float:none;margin:10px auto;width:166px;}
  #content ul.vcard {float:none;}

  .email-signup {float:none;margin:0 auto;text-align: center;}
  .email-signup label, .email-signup input {margin-bottom: 10px;float:none!important;}
  .menu-buttons > div {width:45%;}

  .gallery-image {width:50%;}

  .order-online {float:none;margin:10px auto;}
}
@media screen and (max-width:875px) {
  .btns img {margin:0 0 0 5px;}
  #googlemap {width:80%;margin:0 auto;display: block;float:none;}
  #contact {float:none;margin:0 auto;display: block;width:90%;}
  #content img {max-width:300px;display: block;margin:0 auto;float:none;}
  .content-slider-container {display: none;}
}
@media screen and (max-width:600px) {
  .gallery-image {width:100%;}
  .btns img {width:auto!important;display:block;margin:10px auto;}
  .rslides,.rslides2,.rslides3 {margin:0 auto;width:300px;}

  .menu-buttons > div {width:100%;margin:10px auto;}
  .pricing {float:none;}
  .mobile-product-name {display: block;}
  .main-product-name {display: none;}
}

/* =============================================================================
   Print Styles
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}