/*
Theme Name:     Hill River Clare Estate beta
Theme URI:      http://chrisbishop.me.uk/resources/
Author:         Chris Bishop
Description:    A 'blank canvas' with Bootstrap for developing WordPress themes. 
Author URI:     http://chrisbishop.me.uk/
Version:        0.1.0
License:		Creative Commons Attribution-Share Alike 3.0 (http://creativecommons.org/licenses/by-sa/3.0/. Feel free to make any changes.
Text Domain: hill-river-estate
*/

@import url("css/bootstrap.min.css");

/**
 * Global
 * ----------------------------------------------------------------------------
 */

body {
    font-family: "Open Sans", Helvetica, Arial, sans-serif, sansserif;
    /*The weights are 300 (light), 400 (normal), 600 (semibold), and 700 (bold) and the only acceptable CSS keyword is "normal". */
    text-rendering: optimizeLegibility;
    color: #444;
    font-size: 16px;
    line-height: 1.6;
}
html, button, input, select, textarea {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif, sansserif;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Lora', serif;
    font-weight: 400;
    color: #dd3333;
}
a {
    color: #dd3333;
}
a:hover, a:focus {
    color: #222;
}
table {
    border-bottom: 1px solid #ededed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em;
    line-height: 2;
    margin: 0 0 20px;
    width: 100%;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

caption {
    font-size: 1em;
    margin: 20px 0;
}

th {
    font-weight: bold;
    text-transform: uppercase;
}

td {
    border-top: 1px solid #ededed;
    padding: 6px 10px 6px 0;
}

/**
 * Hyphenation
 * ----------------------------------------------------------------------------
 */

h1, h2, h3, h4, ul, li, ol, dl, blockquote, .post-statement, .statement {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    word-break: keep-all;
}
p {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    word-break: break-word;
}
.site-content article {
    word-wrap: normal;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
}
.widget-area .widget {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
    word-wrap: normal;
}
/**
 * Nav
 * ----------------------------------------------------------------------------
 */

.navbar {
    margin: 0;
    font-family: 'Lora', serif;
    font-weight: 400;
    text-transform: uppercase;
    border-radius: 0;
    background: #444;
}
.navbar-default .navbar-nav > li > a {
    color: #eee;
    padding-bottom: 10px;
    border-bottom: solid 9.5px transparent;
}
.navbar-default .navbar-nav > li.current-menu-item > a {
    border-bottom: solid 9.5px #dd3333;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #dd3333;
    border-bottom: solid 9.5px #dd3333;
}
.navbar-default .navbar-toggle {
    background: #dd3333;
}

/**
 * Header
 * ----------------------------------------------------------------------------
 */

.bc-head {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#222222+0,333333+50,111111+100 */
    background: #222222; /* Old browsers */
    background: -moz-linear-gradient(top,  #222222 0%, #333333 50%, #111111 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #222222 0%,#333333 50%,#111111 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #222222 0%,#333333 50%,#111111 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#111111',GradientType=0 ); /* IE6-9 */

    color: #eee;
}

/**
 * Footer
 * ----------------------------------------------------------------------------
 */

footer {
    background-color: #282a2e;
    color: #eee;
    padding: 1em 0;
}
footer .bc-info {
    padding: 1em;
}
footer a {
    color: #eee;
}
footer a:hover {
    color: #dd3333;
}
footer ul {
    list-style-type: none;
    padding: 0;
}
footer h3, footer h4 {
    color: #dd3333;
}

/**
 * Home
 * ----------------------------------------------------------------------------
 */

.bc-banner {
    position: relative;
}
.bc-banner img {
    margin-top: 21px;
    margin-bottom: 10.5px;
}
.bc-banner a:hover {
    color: #eee;
}
.tag-line p {
    margin: 1em 0;
    color: #e51b15;
}
.home .bg-img {
    background: url('img/home-bj.jpg') no-repeat;
    background-size: cover;
}
.home .intro {
    margin-bottom: 2.4em;
    text-shadow: 2px 2px 7px #000;
}
.home .intro h1 {
    font-size: 3.2em;
    color: #fff;
}
.home .intro p {
    font-size: 1.6em;
    color: #fff;
    margin: 1em 12%;
}
@media (min-width: 992px) {
    .bc-banner .row {
        display: table;
        table-layout: fixed;
        width: 100%;
    }
    .bc-banner .row .col-banner {
        display: table-cell;
        float: none;
        vertical-align: bottom;
    }
}
.bc-box {
    border: 1px #ddd solid;
    border-radius: 3px;
    padding: 1em;
    box-shadow: 0px 5px 14px #444;
    min-height: 240px;
    margin-bottom: 1.6em;
    background-color: #fff;
}
.bc-box .btn {
    width: 100%;
}


/**
 * Page & Posts
 * ----------------------------------------------------------------------------
 */

.content {
    padding: 2em 0;
}
@media (max-width: 750px) {
    .content { padding: 2em 1rem; }
}
.post .entry-thumbnail {
    margin-bottom: 1.4em;
}

.news-item {
    margin-bottom: 1.6em;
}
.news-item h2 {
    margin-top: 0;
}


.category-wine .entry-thumbnail {
    float: left;
    margin: 0 5% 3em 0;
    width: 14%;
    max-width: 100px;
}
.category-wine .entry-content {
    width: 80%;
    float: left;
}
.category-wine .entry-thumbnail .btn-default {
    width: 100%;
    margin-top: 1em;
}
ul.lcp_catlist {
    padding: 0;
    list-style: none;
}
.col-wine {
    width: 14%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.col-wine h4 {
    font-size: 18px;
}
.col-wine .entry-content {
    min-height: 270px;
}
.dnone {
    display: none;
}
.widget-area {
    margin-bottom: 1em;
}
@media (max-width: 768px) {
    .col-wine {
        width: 24%;
    }
}
@media (max-width: 480px) {
    .col-wine {
        width: 48%;
    }
}

.widget-area .textwidget {
    font-size: 0.9em;
}

/**
 * Wines
 * ----------------------------------------------------------------------------
 */

.wines .entry-content {
    overflow: hidden;
}

.wines .entry-content h3 {
    font-size: 1.4em;
}
.btn-default {
    color: #95a5a6;
    background-color: transparent;
    border-color: #95a5a6;
}

@media (max-width: 798px) {
    .wines .entry-content h3 {
        font-size: 1em;
    }
    .bc-box {
        min-height: auto;
    }
    .nav>li>a {
        padding: 10px 8px;
    }
    .navbar-brand {
        display: none;
    }
    .navbar {
        min-height: auto;
    }
}

@media (max-width: 480px) {
    .navbar-brand {
        display: block;
    }
}

/**
* Images
* ----------------------------------------------------------------------------
*/

.wp-caption.aligncenter, img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px;
}
.entry-content img.alignright, .entry-content .wp-caption.alignright {
    margin-right: 0px;
    float: right;
}
.wp-caption.alignright, img.alignright {
    margin: 5px 0 5px 20px;
}
.entry-content img.alignleft, .entry-content .wp-caption.alignleft {
    margin-left: 0px;
    float: left;
}
.wp-caption.alignleft, img.alignleft {
    margin: 5px 20px 5px 0px;
}
.wp-caption .wp-caption-text, .entry-caption, .gallery-caption {
    color: #220e10;
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
}

#iconicwines .iconic-product.iconic-wine .iconic-image {
    max-width: 20% !important;
    min-width: 15% !important;
}

/**
* Woocommerce
* ----------------------------------------------------------------------------
*/
.woocommerce ul.products { display: flex; flex-wrap: wrap; }

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    margin: 0 3.8% 7.5rem 0;
    padding: 0;
    position: relative;
    width: 42.05%;
    flex-shrink: 0;
    float: none;
}
@media (max-width: 480px) {
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 100%; margin: 0 0 7.5rem 0; }
}
.woocommerce ul.products li.product h3 {
    color: #222;
    text-transform: uppercase;
    font-size: 1.6em;
}
@media (max-width: 480px) {
    .woocommerce ul.products li.product a div p { display: inline-block; }   
}
.woocommerce ul.products li.product a img, .woocommerce div.product div.images img {
    max-height: 295px;
    width: auto !important;
    max-width: 100% !important;
    float: left;
    margin-right: 2em;
}
.woocommerce ul.products li.product a img.logo {
    float: none;
    margin-right: 0;
}
.woocommerce ul.products li.product .button, .woocommerce div.product form.cart .button {
    color: #fff;
    padding: .618em 1.6em;
    border-color: transparent;
    background: #0094ca; /* Old browsers */
    background: -moz-linear-gradient(top,  #999 0%, #222 50%, #222 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #999 0%,#222 50%,#222 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #999 0%,#222 50%,#222 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999', endColorstr='#222',GradientType=0 ); /* IE6-9 */
}
@media (max-width: 480px) {
    .woocommerce ul.products li.product .button, .woocommerce div.product form.cart .button { width: 100%; padding-left: 0; padding-right: 0; text-align: center; }
}
.woocommerce ul.products li.product .button:hover, .woocommerce div.product form.cart .button:hover {
    color: #222;
    border-color: transparent;
    background: #0094ca; /* Old browsers */
    background: -moz-linear-gradient(top,  #eee 0%, #999 50%, #999 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #eee 0%,#999 50%,#999 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #eee 0%,#999 50%,#999 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee', endColorstr='#999',GradientType=0 ); /* IE6-9 */
}
.woocommerce-page ul.products li.product a > div {
    min-height: 136px;
}
.product_meta, .out-of-stock {
    display: none;
}
.woocommerce form.cart { margin-top: 2em; }
.woocommerce div.product form.cart:before { content: 'Cases of 12 bottles'; font-weight: bold; padding-bottom: .4em; }
.woocommerce form .form-row .input-checkbox {position:relative;}

.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 26px; text-transform: uppercase; color: black; }
.woocommerce ul.products li.product .price:after { content: '(per case of 12 bottles)'; font-size: 75%; display: block; color: rgba(0,0,0,.75);
}