/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */

/* Increase the body font size on small touch devices */
body {
  font-size: 100%;
  overflow:hidden;
}

/* =============================================================================
 *   Mobile Menu Toggle
 *   See your theme settings extensions for how to enable the menu toggle.
 *   These are example styles for the menu toggle menu, you can use these in the
 *   relevant responsive stylesheets as required. Modify to suit your design.
 * ========================================================================== */
/* The toggle link */
.at-mt .at-menu-toggle h2 {
  margin-bottom: 5px;
}

.at-mt .at-menu-toggle h2 a {
  background: #eee;
  border: 2px solid #ccc;
  padding: 2px 10px;
}

/* Menu items */
.at-mt .at-menu-toggle ul.menu li a {
  background: #eee;
  border-bottom: 1px solid #fff;
}

.site-logo{
  width:100%;
  }

/* =============================================================================
 *   Parallax Images
 * ========================================================================== */

 .paragraphs-item-title {
  height:300px;
  max-width:700px;
}

.paragraphs-item-scrolling-image {
  height:300px;
  max-width:700px;
}

.eb-parallax .field-name-field-primary-text p{
  width:90%;
  font-size:2.8em;
  margin-top: 60px;
  line-height:1.2em;
  margin-bottom: 10px;
}

.eb-parallax .field-name-field-secondary-text p{
  font-size:1.2em;
  margin-top:0px;
  letter-spacing:.1em;
}	


/* =============================================================================
 *   Page Components
 * ========================================================================== */
h2{
	  font-size: 2em;
}

img.image-style-product{
  width:100%;
  }
  
.image-style-400wide{
  width:100%;
  }
  
ul.views-fluid-grid-items-width-500 li.views-fluid-grid-item {
  width:100%;
  margin-left:0px;
  margin-right:0px;
}

.block-content ul{
  padding:0px;
}

#commerce-checkout-form-complete,
#commerce-checkout-form-review,
#commerce-checkout-form-shipping{
  font-size:.9em;
  }

.cart_contents,
.cart-empty-page,
.view-commerce-cart-form{
  padding-top: 10px;
  font-size:1em;
  }
  
.checkout-buttons{
  font-size:1em;
  }