/*
 *  Theme Name:   WALOB
 *  Theme URI:    http://whataloadofbull.co.nz
 *  Author:       Supernova Software Ltd
 *  Author URI:   http://supernovasoftware.co.nz
 *  Description:  This is a blank theme to use with elementor plugin
 *  Version:      1.0.0
 *  License:      GNU General Public License v2 or later
 *  License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 *  Tags:
 *  Text Domain:  sswt
 *
 *
 *  Site colours
 *  Colour    Hex | RGB
 *
 *  White     #ffffff | rgb(255,255,255)
 *
 *
 *  Page sizes
 *
 *  <767px
 *  768 - 9xxpx change This
 *  9xx - 1140px
 *
 */
@font-face {
  font-family: 'walobFontCss';
  font-weight: normal;
  src: url("./assets/fonts/comic.ttf");
}

@font-face {
  font-family: 'walobFontCss';
  font-weight: bold;
  src: url("./assets/fonts/comicz.ttf");
}

body {
  background: black url("./assets/images/page-bg.jpg") repeat-x center top;
  background-size: contain;
}

.main-page {
  border: 5px solid white;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  max-width: 1070px;
  margin: 20px auto;
  padding: 2%;
  background-color: black;
  font-family: walobFontCss, georgia;
  color: white;
  min-height: 300px;
}

a, table {
  color: white;
  text-decoration: none;
  font-family: walobFontCss, georgia;
}

input[type="number"] {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
  margin-right: 15px;
}

select {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  border: 1px solid #ccc;
  text-transform: none;
}

/* Nav Menu */
.farmlands-shortcode {
  text-align: center;
}

.farmlands-shortcode.account {
  margin-top: 10px;
}
/* ###################################
 *    Woocommerce                    #
 *###################################*/

main.shop-pages.main-page {
  max-width: 1070px;
}

/* Shopping Cart Nav menu */
span.elementor-button-icon,
span.woocommerce-Price-amount.amount {
  color: white;
}
 /* Product Archive */
.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product {
  width: 28%;
  margin: 0 0 3em 4%;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title {
  text-align: center;
}

.woocommerce ul.products {
  margin-left: 4%;
}

.woocommerce .woocommerce-breadcrumb,
.woocommerce .woocommerce-breadcrumb a,
.woocommerce div.product .product_title {
  color: white;
}


.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.product-info-button,
h1.woocommerce-products-header__title.page-title {
  color: white;
  text-align: center;
}

.woocommerce .term-description {
  display: none;
}

.product-info-button,
.woocommerce ul.products li.product .button,
.woocommerce a.added_to_cart {
  font-weight: 700;
  background-color: #3d3d3d;
  border: solid 3px #d2691e;
  border-radius: 10px;
  display: block;
  text-align: center;
  color: #d2691e;
  line-height: 1;
  padding: .618em 1em;
  margin: 1em auto 0;
}

/* Store Notice */
p.woocommerce-store-notice.demo_store {
  background-color: #d2691e;
}

.woocommerce-store-notice,
p.demo_store,
.admin-bar p.demo_store {
  top: auto;
  bottom: 0;
}

/* Single Product Page */

.woocommerce div.product p.price,
.woocommerce-product-details__short-description,
.woocommerce div.product .woocommerce-tabs .panel {
  color: white;
}

.woocommerce div.product form.cart .button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  background-color: #3d3d3d;
  color: #d2691e;
  border: 3px solid #d2691e;
  border-radius: 10px;
}

.woocommerce div.product div.woocommerce-variation-price {
  color: white;
  margin-bottom: 1em;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: black;
}

.woocommerce .quantity .qty {
  height: 35px;

}

.woocommerce-product-gallery__image:first-of-type {
  min-height: 400px;
}

.woocommerce-product-gallery__image {
  width: 70%;
  float: right;
  margin: 0 5px 5px 0;
}

/* Checkout */
.woocommerce-checkout #payment {
  background-color: black;
}

.woocommerce-checkout #payment div.payment_box p {
  color: black;
}

.woocommerce #payment #place_order {
  background-color: #3d3d3d;
  color: #d2691e;
  border: 3px solid #d2691e;
  border-radius: 10px;
}