/*!
Theme Name:   AnneSoutry
Template:     storefront
Theme URI:    https://woocommerce.com/storefront/
Author:       A Bit Digital Limited
Author URI:   https://abitdigital.com
Description:  Storefront child theme to introduce custom Font, colours and breakpoints
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  annesoutry
Tags:         e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, editor-style

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 https://underscores.me/, (C) 2012-2017 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer https://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

All sizing (typography, layout, padding/margins, etc) are inspired by a modular scale that uses 1em as a base size with a 1.618 ratio.
You can read more about the calculator we use in our Sass here: https://github.com/modularscale/modularscale-sass

FontAwesome License: SIL Open Font License - http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL
Images License: GNU General Public License v2 or later
*/

/* custom fonts */
@font-face {
    font-family: 'jewelsandhats_lightregular';
    src: url('assets/fonts/jewelsandhats-light-webfont.woff2') format('woff2'),
    url('assets/fonts/jewelsandhats-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
h1, h2, h3, h4, h5, h6, .widget-title, .wc-block-grid__product-title {
    font-family: "jewelsandhats_lightregular", Serif;!important;
    color: rgba(171,107,14,1) !important;
}

button:active, button:focus { outline: none!important;}

.site-header, .storefront-breadcrumb{
    margin-bottom: 1em!important;
}
header.entry-header, .woocommerce-products-header {
    margin: 0!important;
    padding-bottom: 1em!important;
}

h2.woocommerce-loop-product__title {
    font-size: 1.5em!important;
}

.has-gold-background-color {
    background-color: #ab6b0e;
}
.has-cyan-background-color {
    background-color: #b0e2e2;
}
.has-lightgrey-background-color {
    background-color: #9d9c9c;
}
.has-white-background-color {
    background-color: #ffffff;
}
.has-black-background-color {
    background-color: #000000;
}

.has-gold-color {
    color: #ab6b0e;
}
.has-cyan-color {
    color: #b0e2e2;
}
.has-lightgrey-color {
    color: #9d9c9c;
}
.has-white-color {
    color: #ffffff;
}
.has-black-color {
    color: #000000;
}

.woocommerce-breadcrumb a:first-of-type::before, .site-header-cart .cart-contents::after {

    color: #ab6b0e;
}

a:link, a:visited, .site-header ul.menu li.current-menu-item > a, .site-header ul.menu li > a:hover {
    color: #ab6b0e;
}
.site-header ul.menu li.current-menu-parent > a {

    color: #747474;
}

button, input[type="button"], input[type="reset"], input[type="submit"], .button, .widget a.button {
    background-color: #b0e2e2;
    border-color: #b0e2e2;
    color: #333333;
}

button:hover, input[type="button"], input[type="reset"], input[type="submit"], .button:hover, .widget a.button:hover {
    background-color: #ab6b0e;
    border-color: #ab6b0e;
    color: #ffffff;
}



.d-flex > .wp-block-group__inner-container {
    display: flex!important;
    flex-wrap: wrap!important;
    justify-content: center!important;
}

.d-flex .wc-block-featured-category.col-4  {
    flex-grow: 1;
    flex-wrap:wrap;
    width:calc(33.33% - 10px);
    margin:5px;
  
}



@media (max-width:936px) {
    .d-flex .wc-block-featured-category.col-4  {
        max-width: calc(50%-10px);
        width: calc(50% - 10px);

    }
}
@media (max-width:649px) {
    .d-flex .wc-block-featured-category.col-4  {
        max-width: 100%;
        width: 100%;

    }
}
.wc-block-featured-category__title {
    font-family: "jewelsandhats_lightregular", Serif;!important;
    color: #ab6b0e!important;
    text-shadow: 0 0 5px #eeeeee;
}