/*
Theme Name: Brew Your Own Liquor
Theme URI: http://f6.co.nz
Author: Bjarne Frederiksen
Author URI: http://f6.co.nz
Description: Description
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: brew-your-own-liquor
Tags:
*/
/*==============================
=            colors            =
==============================*/
/*=====  End of colors  ======*/
/*================================
=            paddings            =
================================*/
body .pt0 {
  padding-top: 0; }

.p30 {
  padding: 30px; }

body .p0 {
  padding: 0; }

.pt30 {
  padding-top: 30px; }

/*=====  End of paddings  ======*/
/*===============================
=            margins            =
===============================*/
.mt0 {
  margin-top: 0; }

.mt15 {
  margin-top: 15px; }

.mb30 {
  margin-bottom: 30px; }

.mt30 {
  margin-top: 30px; }

/*=====  End of margins  ======*/
/*===============================
=            borders            =
===============================*/
.bd3 {
  border: 3px solid; }

/*=====  End of borders  ======*/
body {
  font-size: 16px; }

a {
  color: initial; }
  a:hover {
    text-decoration: none;
    color: #c5945c;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear; }

h1, h2 {
  font-family: 'Sancreek', cursive;
  text-transform: uppercase; }

/*====================================
=            colored text            =
====================================*/
.gold-text {
  color: #c5945c !important; }

.white-text {
  color: #fff !important; }

.yellow-text {
  color: #f0c435 !important; }

.grey-text {
  color: #252525 !important; }

/*=====  End of colored text  ======*/
/*================================
=            headingd            =
================================*/
.section-heading {
  text-transform: uppercase; }

.section-sub-heading {
  color: #c5945c;
  text-transform: uppercase;
  font-weight: bold; }

/*=====  End of headingd  ======*/
.btn,
.btn:hover,
.btn:focus {
  outline: 0;
  box-shadow: 0;
  font-weight: bold;
  border: 2px solid;
  text-transform: uppercase;
  border-radius: 0; }

/*==============================
=            colors            =
==============================*/
.btn-black {
  border-color: #000;
  background-color: #000;
  color: #fff; }
  .btn-black:hover, .btn-black:focus {
    background-color: transparent;
    color: #000; }

.btn-gold {
  border-color: #c5945c;
  background-color: #c5945c;
  color: #fff; }
  .btn-gold:hover, .btn-gold:focus {
    background-color: transparent;
    color: #c5945c; }

/*=====  End of colors  ======*/
/*==============================
=  shapes and icons            =
==============================*/
.btn-round {
  border-radius: 20px; }

.btn > i {
  padding-left: 5px; }

/*=====  End of shapes and icons  ======*/
body {
  background-image: url(/wp-content/themes/brew-your-own-liquor/img/backgrounds/body-bg.jpg); }

/*====================================
=            page sections            =
====================================*/
.page-section {
  padding: 60px 0; }

.stay-in-touch-section {
  background-image: url(/wp-content/themes/brew-your-own-liquor/img/backgrounds/dark-glass-bg.jpg);
  background-size: cover; }

.store-cta-section {
  background-image: url(/wp-content/themes/brew-your-own-liquor/img/backgrounds/dark-jar-bg.jpg); }
  .store-cta-section ul {
    padding: 0; }
  .store-cta-section ul > li {
    display: inline-block;
    padding: 0 15px; }
    @media screen and (max-width: 768px) {
      .store-cta-section ul > li {
        display: block;
        padding: 0;
        margin-bottom: 15px; } }

.brewing-class-section {
  background: url(/wp-content/themes/brew-your-own-liquor/img/backgrounds/crystal-glass-bg.jpg) 50% 50% no-repeat;
  background-size: cover; }
  .brewing-class-section .staff-name {
    font-size: 1.3em; }

.monthly-promotions-special-section {
  background-color: #fff; }
  .monthly-promotions-special-section ul {
    padding: 30px 0 30px 30px; }

.categories-strip-section .category {
  background-size: cover;
  min-height: 300px;
  text-align: center;
  color: #fff;
  position: relative; }
.categories-strip-section .category-content {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 30px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  visibility: hidden; }
.categories-strip-section .category:hover .category-content {
  visibility: visible; }
.categories-strip-section .spirits {
  background-image: url(/wp-content/themes/brew-your-own-liquor/img/categories/whiskey.jpg); }
.categories-strip-section .wine {
  background-image: url(/wp-content/themes/brew-your-own-liquor/img/categories/wine-making.jpg); }
.categories-strip-section .food {
  background-image: url(/wp-content/themes/brew-your-own-liquor/img/categories/cheese.jpg); }
.categories-strip-section .beer {
  background-image: url(/wp-content/themes/brew-your-own-liquor/img/categories/beer.jpg); }
.categories-strip-section .cider {
  background-image: url(/wp-content/themes/brew-your-own-liquor/img/categories/cider.jpg); }

/*=====  End of page section  ======*/
/*===================================
=            google maps            =
===================================*/
.map-wrapper {
  position: relative;
  margin-bottom: 30px; }
  .map-wrapper #map {
    min-height: 300px; }
  .map-wrapper .map-overlay {
    background-color: #c5945c;
    padding: 5px;
    max-width: 400px;
    z-index: 999;
    margin: 30px auto;
    margin-bottom: 0; }
    @media screen and (min-width: 700px) {
      .map-wrapper .map-overlay {
        position: absolute;
        top: 50%;
        margin: 0;
        margin-top: -108px; } }
    .map-wrapper .map-overlay .map-overlay-content {
      padding: 30px;
      border: 2px solid #fff;
      text-align: center; }

/*=====  End of google maps  ======*/
/*=============================
=            forms            =
=============================*/
.light-form .form-control {
  border-color: #fff;
  color: #fff; }

div.wpcf7-validation-errors {
  border-color: #F00;
  margin: 15px 0; }

div.wpcf7-mail-sent-ok {
  border-color: #c5945c;
  margin: 15px 0; }

.form-control {
  background-color: transparent;
  border-radius: 0;
  border: 3px solid; }
  .form-control:focus {
    box-shadow: none;
    outline: none;
    border-color: #555; }

.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated .select2-container {
  border-color: #555; }

body .select2-container .select2-choice {
  height: 28px; }

/*=====  End of forms  ======*/
/*==============================
=            images            =
==============================*/
img {
  margin-bottom: 10px; }

/*=====  End of images  ======*/
/*========================================
=            five column grid            =
========================================*/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.col-xs-15 {
  width: 20%;
  float: left; }

@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    float: left; } }
@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    float: left; } }
@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left; } }
/*=====  End of five column grid  ======*/
/*===============================
=            sidebar            =
===============================*/
.widget {
  margin-bottom: 30px; }

.widget-title {
  background-color: #c5945c;
  padding: 15px;
  text-align: center;
  color: #fff;
  margin-bottom: 30px; }

/*=====  End of sidebar  ======*/
body.home .site-header {
  padding-bottom: 300px;
  margin-bottom: 180px; }
  @media screen and (max-width: 768px) {
    body.home .site-header {
      padding-bottom: 60px;
      margin-bottom: 60px; }
      body.home .site-header .home-banner-content .curve {
        display: none; } }
  body.home .site-header .home-banner-content {
    display: block; }
    body.home .site-header .home-banner-content h1 {
      font-size: 60px; }
    @media screen and (max-width: 768px) {
      body.home .site-header .home-banner-content .list-inline li {
        display: block;
        margin-bottom: 10px; } }
  body.home .site-header .home-banner-content img:last-child {
    position: absolute;
    left: 50%;
    margin-left: -342px;
    margin-bottom: 60px; }
    @media screen and (max-width: 768px) {
      body.home .site-header .home-banner-content img:last-child {
        position: relative;
        left: 0;
        margin: 0 auto; } }
  body.home .site-header .home-banner-content .curve {
    margin-bottom: 60px; }

.home-banner-content {
  display: none; }

.site-header {
  background-image: url(/wp-content/themes/brew-your-own-liquor/img/backgrounds/header-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  /*==============================
  =            navbar            =
  ==============================*/
  /*=====  End of navbar  ======*/
  /*==========================================
  =            header search form            =
  ==========================================*/
  /*=====  End of header search form  ======*/ }
  .site-header .top-nav {
    text-align: center;
    padding-top: 30px; }
    @media screen and (max-width: 1200px) {
      .site-header .top-nav {
        display: none; } }
    .site-header .top-nav a {
      margin-right: 30px; }
      .site-header .top-nav a:last-child {
        margin-right: 0; }
  .site-header .navbar-default {
    background-color: transparent;
    margin-top: 15px;
    border: 6px solid #fff; }
    @media screen and (max-width: 768px) {
      .site-header .navbar-default {
        border: 0; } }
  .site-header .navbar-collapse {
    text-align: center; }
  .site-header .navbar-nav {
    display: inline-block;
    float: none;
    margin-top: 35px; }
    @media screen and (max-width: 1200px) {
      .site-header .navbar-nav {
        margin-top: 0; } }
  .site-header .navbar-brand {
    height: auto; }
    @media screen and (max-width: 1200px) {
      .site-header .navbar-brand {
        display: inline-block;
        float: none; } }
  @media screen and (max-width: 1200px) {
    .site-header .navbar-header {
      float: none;
      text-align: center; } }
  .site-header .navbar-default .navbar-nav > .active > a,
  .site-header .navbar-default .navbar-nav > .active > a:focus,
  .site-header .navbar-default .navbar-nav > .active > a:hover,
  .site-header .navbar-default .navbar-nav > li:focus > a,
  .site-header .navbar-default .navbar-nav > li:hover > a {
    color: #fff;
    background-color: transparent; }
  .site-header .woocommerce-product-search {
    display: inline-block;
    padding-left: 15px;
    position: relative;
    top: -20px; }
    @media screen and (max-width: 1200px) {
      .site-header .woocommerce-product-search {
        display: none; } }
    .site-header .woocommerce-product-search input,
    .site-header .woocommerce-product-search input:focus {
      background-color: transparent;
      border: 1px solid #c5945c;
      color: #fff;
      width: auto; }
    .site-header .woocommerce-product-search button {
      border: 1px solid #c5945c; }

.site-footer {
  margin-bottom: 30px; }
  .site-footer h2 {
    margin-top: 0;
    text-transform: uppercase; }
  .site-footer img {
    margin-bottom: 15px; }

@media screen and (max-width: 768px) {
  .footer-col {
    margin-bottom: 30px; } }

.woo-wrapper {
  padding-top: 60px; }

/*===========================================
=            single product page            =
===========================================*/
.woocommerce div.product div.images > a > img,
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  border: 6px solid #f1f1f1;
  padding: 30px; }

.woocommerce div.product div.images {
  margin-bottom: 0; }

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
  width: 30%; }
  @media screen and (max-width: 768px) {
    .woocommerce #content div.product div.images,
    .woocommerce div.product div.images,
    .woocommerce-page #content div.product div.images,
    .woocommerce-page div.product div.images {
      width: 100%; } }

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
  width: 66%; }
  @media screen and (max-width: 768px) {
    .woocommerce #content div.product div.summary,
    .woocommerce div.product div.summary,
    .woocommerce-page #content div.product div.summary,
    .woocommerce-page div.product div.summary {
      width: 100%; } }

.sku_wrapper {
  display: none; }

/*========================================
=            related products            =
========================================*/
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  text-align: center; }
  @media screen and (max-width: 600px) {
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
      width: 100%; } }

.related.products {
  float: left;
  width: 100%; }
  .related.products a.button.add_to_cart_button.ajax_add_to_cart {
    padding: 15px; }

.related.products > h2 {
  color: #c5945c;
  margin-bottom: 30px; }

/*=====  End of related products  ======*/
/*=====  End of single product page  ======*/
/*=====================================
=            product lists            =
=====================================*/
.woocommerce ul.products li.product h3 {
  color: #000;
  font-size: 23px;
  font-weight: bold; }

/*=====  End of product lists  ======*/
/*=========================================
=            woocommerce price            =
=========================================*/
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price {
  color: #c5945c;
  font-family: 'Sancreek', cursive;
  font-size: 35px; }

/*=====  End of woocommerce price  ======*/
/*===========================================
=            woocommerce inputs            =
===========================================*/
.woocommerce .quantity .qty {
  padding-top: 12px;
  padding-bottom: 12px;
  border: 3px solid #f1f1f1;
  margin-right: 5px; }
  .woocommerce .quantity .qty:focus {
    outline: none;
    border-color: #d8d8d8; }

/*=====  End of woocommerce inputs  ======*/
/*===========================================
=            woocommerce buttons            =
===========================================*/
a.button.add_to_cart_button.ajax_add_to_cart,
a.button.add_to_cart_button.ajax_add_to_cart:hover,
#place_order,
.woocommerce button.button.alt,
.widget-area .woocommerce a.button,
.woocommerce .cart .button,
.woocommerce .cart input.button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button,
body .woocommerce .login .button,
body .woocommerce .button {
  background-color: #252525;
  color: #fff;
  text-transform: uppercase;
  padding: 15px 30px;
  border-radius: 0;
  border: 2px solid #252525; }
  a.button.add_to_cart_button.ajax_add_to_cart:hover,
  a.button.add_to_cart_button.ajax_add_to_cart:hover:hover,
  #place_order:hover,
  .woocommerce button.button.alt:hover,
  .widget-area .woocommerce a.button:hover,
  .woocommerce .cart .button:hover,
  .woocommerce .cart input.button:hover,
  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button:hover,
  body .woocommerce .login .button:hover,
  body .woocommerce .button:hover {
    background-color: #fff;
    color: #252525;
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear; }

@media screen and (max-width: 1199px) {
  .woo-archive .products li a.button.add_to_cart_button.ajax_add_to_cart {
    padding: 15px; } }
@media screen and (max-width: 768px) {
  .woo-archive .products li a.button.add_to_cart_button.ajax_add_to_cart {
    padding: 15px 30px; } }

.widget-area .woocommerce a.button.gold {
  background-color: #c5945c;
  border-color: #c5945c; }
  .widget-area .woocommerce a.button.gold:hover {
    color: #c5945c;
    background-color: #fff; }

body .woocommerce .button {
  background-color: #c5945c;
  color: #fff;
  border-color: #c5945c; }
  body .woocommerce .button:hover {
    background-color: #fff;
    color: #c5945c; }
  body .woocommerce .button::after {
    content: '\f105';
    font-family: 'FontAwesome';
    padding-left: 10px; }

.woocommerce a.checkout-button.button,
.woocommerce a.checkout-button.button:hover {
  background-color: #c5945c; }

/*=====  End of woocommerce buttons  ======*/
/*================================================
=            Woocommerce Archive Page            =
================================================*/
.archive #secondary {
  width: 30%;
  padding-right: 30px;
  float: left; }
  @media screen and (max-width: 991px) {
    .archive #secondary {
      display: none; } }

.woo-archive {
  width: 70%;
  float: right; }
  @media screen and (max-width: 991px) {
    .woo-archive {
      width: 100%;
      float: none; } }

.prdctfltr_woocommerce {
  margin-top: 20px; }

.woocommerce .woo-archive .products {
  margin-top: -14px; }

.woo-archive .products .product > a:first-child {
  display: block; }

.woocommerce .woo-archive ul.products li.product,
.woocommerce-page .woo-archive ul.products li.product {
  text-align: center;
  padding: 15px;
  margin-right: 5%;
  width: 30%; }
  @media screen and (max-width: 768px) {
    .woocommerce .woo-archive ul.products li.product,
    .woocommerce-page .woo-archive ul.products li.product {
      margin-right: 0;
      width: 100%;
      margin-bottom: 15px; } }
  .woocommerce .woo-archive ul.products li.product.last,
  .woocommerce-page .woo-archive ul.products li.product.last {
    margin-right: 0; }
  @media screen and (max-width: 992px) {
    .woocommerce .woo-archive ul.products li.product a,
    .woocommerce-page .woo-archive ul.products li.product a {
      font-size: 14px; }
      .woocommerce .woo-archive ul.products li.product a img,
      .woocommerce-page .woo-archive ul.products li.product a img {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto; } }
  .woocommerce .woo-archive ul.products li.product h3,
  .woocommerce-page .woo-archive ul.products li.product h3 {
    font-size: 24px; }
  .woocommerce .woo-archive ul.products li.product p,
  .woocommerce-page .woo-archive ul.products li.product p {
    font-weight: normal; }

/*=====  End of Woocommerce Archive Page  ======*/
/*===============================
=            sidebar            =
===============================*/
.widget-area .woocommerce ul.cart_list li img,
.widget-area .woocommerce ul.product_list_widget li img {
  width: 100px;
  padding: 15px;
  border: 6px solid #f1f1f1;
  float: left;
  margin-right: 15px; }
.widget-area .woocommerce .widget_shopping_cart .cart_list li,
.widget-area .woocommerce.widget_shopping_cart .cart_list li {
  padding-left: 0; }
  .widget-area .woocommerce .widget_shopping_cart .cart_list li a.remove,
  .widget-area .woocommerce.widget_shopping_cart .cart_list li a.remove {
    display: none; }
.widget-area .woocommerce .widget_shopping_cart .total,
.widget-area .woocommerce.widget_shopping_cart .total {
  text-align: center;
  padding: 30px 0;
  margin-bottom: 0;
  background-image: url(/wp-content/themes/brew-your-own-liquor/img/icons/border-dot.png);
  background-repeat: repeat-x;
  border: none; }
.widget-area .woocommerce-Price-amount {
  color: #c5945c;
  font-family: 'Sancreek', cursive;
  font-size: 24px; }
.widget-area .product-categories {
  list-style-type: none; }
.widget-area li.current-cat {
  list-style-type: none; }
  .widget-area li.current-cat > a {
    color: #c5945c; }
  .widget-area li.current-cat .children {
    list-style: none;
    padding-left: 30px; }

/*=====  End of sidebar  ======*/
/*===============================================
=            woocommerce search form            =
===============================================*/
.woocommerce-product-search .search-field {
  padding-left: 5px;
  border: 2px solid #c5945c;
  width: 88%; }
  .woocommerce-product-search .search-field:focus {
    outline: none; }
  @media screen and (max-width: 1199px) {
    .woocommerce-product-search .search-field {
      width: 86%; } }
.woocommerce-product-search button {
  background-color: #c5945c;
  border-color: #c5945c;
  border-bottom-style: inset;
  border-right-style: inset;
  float: right; }
  .woocommerce-product-search button:focus {
    outline: none; }
  .woocommerce-product-search button i {
    color: #fff; }

.widget_product_search {
  padding-top: 20px; }

/*=====  End of woocommerce search form  ======*/
/*======================================
=            product filter            =
======================================*/
#prdctfltr_woocommerce {
  margin-bottom: 0; }

/*=====  End of product filter  ======*/
/*=====================================
=            shopping cart            =
=====================================*/
.woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
  width: auto;
  margin-right: 15px;
  padding: 15px 5px; }
  @media screen and (max-width: 480px) {
    .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
      margin-bottom: 8px;
      width: 100% !important; } }

@media screen and (max-width: 480px) {
  .woocommerce-page table.cart td.actions .coupon .input-text + .button {
    width: 100% !important;
    float: none !important; } }

@media screen and (max-width: 480px) {
  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    font-size: 1em; } }

/*=====  End of shopping cart  ======*/
/*===================================
=            shop tables            =
===================================*/
.shop_table thead {
  background-color: #c5945c; }

/*=====  End of shop tables  ======*/
/*================================
=            checkout page          =
================================*/
.select2-container.state_select.form-control {
  height: auto;
  padding: 0;
  border-color: #252525; }

.woocommerce form .form-row.woocommerce-validated .select2-container
.select2-container .select2-choice {
  height: 34px;
  border-radius: 0; }

#billing_country_field,
#billing_company_field {
  display: none; }

@media screen and (min-width: 769px) {
  #order_comments {
    height: 412px; } }

.woocommerce-checkout #rememberme {
  margin-left: 15px; }

/*=====  End of checkout  ======*/
/*==================================
=            info boxes            =
==================================*/
.woocommerce .woocommerce-info {
  border-top-color: #c5945c;
  text-align: center; }

.woocommerce .woocommerce-info:before {
  color: #c5945c;
  position: relative;
  left: initial;
  margin-right: 15px;
  text-outline: auto; }

/*=====  End of info boxes  ======*/
/*=============================================
=            Section comment block            =
=============================================*/
.woocommerce nav.woocommerce-pagination ul {
  margin-bottom: 30px; }

/*=====  End of Section comment block  ======*/

/*# sourceMappingURL=style.css.map */
