/*
Theme Name:   	Storefront Child Themes
Theme URI:    	https://github.com/stuartduff/storefront-child-theme
Author:       	Stuart Duff
Author URI:     http://stuartduff.com
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
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.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */

/*
body {
  -webkit-font-smoothing: antialiased;
}
*/

body {
   background-color: #FAFAFA;
}

  .site-header {
    display: none;
}

  .storefront-breadcrumb {
    display: none;
  }

.woocommerce-products-header {
  text-align: left !important;
  padding-bottom: 1em !important;
}

  .site-footer {
    display: none;
  }

  .col-full {
    padding: 0px;
    max-width: 100% !important;
    margin-left: 0px !important;
    margin-right: 0px !important;

  }


h1, h2 {
  font-family: 'Fedra Sans Light', sans-serif;
}


h3, h4, h5, h6, body, button, input, textarea, div, a button {
	font-family: Arial, sans-serif;
  font-size: 16px !important;
  line-height: 21px !important;
  font-weight: 300;
}

h1 {
  font-size: 1.375rem;
  line-height: 1.625rem;
  margin: 0 0 20px;
  font-weight: normal;
  letter-spacing: 0px;
}

h2, .woocommerce-MyAccount-content h2 {
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: normal;
  letter-spacing: 0px;
}

.lead {
  font-size: 1.25rem;
      line-height: 1.625rem;
      margin: 0 0 25px;

}

ul.products {
  border-top: 1px solid #D9D9D9;
  border-left: 1px solid #D9D9D9;
}

li.product {
  width: 33.33333333% !important;
  margin-right: 0px !important;
  background: #fff;
  border-right: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  padding: 25px;
  min-height: 400px;
  margin-bottom: 0px !important;
}

@media (max-width: 767px) {
  li.product {
    width: 100% !important;
  }
}

li.product.product-type-variable-subscription {
  width: 100% !important;
}

li.product img {
  display: inline-block;
      margin-bottom: 15px;
}

li.product span.price {
  font-family: 'Roboto', sans-serif;
  font-size: 16px !important;
  line-height: 21px !important;
  color: #FF8800 !important;
}

li.product div[itemprop="description"] {
    margin-bottom: 25px;
}

li.product a.button {
    padding: 10px 15px;
    background-color: #FF8800;
    border-radius: 5px;
    color: #fff;
    font-weight: normal;;
}

.woocommerce-product-gallery__trigger {
  display: none !important;
}

.single-product div.product .woocommerce-product-gallery img {
  margin: auto;
  width: 50%;
}


.products h2 {
  font-size: 24px !important;
  line-height: 32px;
}

.woocommerce-products-header {
  display: none;
}

.product-type-subscription img {
  min-height: 80px !important;
}


/* just for the confirmation screen to show the proceed to calender button */
.woocommerce-order {
    margin-top:40px;
}

.proceedtocalendar {
    position: fixed !important;
    display: inline-block;
    top: 0;
    min-width: 200px;
    padding: 20px 70px;
}

.woocommerce-checkout {
  padding-bottom: 100px;
}


/*
 * Styleing for responsive labels in show my API Keys get_view_order_url
 * Styling also changed within the woocommerce-api-manager.css(min) to @media (max-width: 767px) because breakpoints where not consistent with woocommerce basic
 * Also added the data-title attributes within the table tds for responsive view
*/
.woocommerce table.my_account_api_manager td:before {
		position: absolute;
		top: 16px;
		left: 6px;
		width: 35%;
		padding-right: 10px;
    padding-left: 10px;
		white-space: normal;
    text-align: left;
	}

.woocommerce-MyAccount-navigation {
    float: none !important;
  }

.woocommerce-MyAccount-content {
    width: 100% !important;

  }