/*
Theme Name:     Storefront Child Theme
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, button, input, textarea {
  font-family: "Poppins", sans-serif;
}

/* Flexbox on WooCommerce archive products */
.woocommerce .products ul,
.woocommerce ul.products {
  display: flex;
  flex-flow: row wrap;
  margin-left: -15px;
  margin-right: -15px;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  display: flex;
  flex-flow: column nowrap;
}

.woocommerce ul.products li.product .button {
  margin-top: auto;
  display: table;
}

.woocommerce ul.products li.product {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  float: none;
  padding: 15px 15px 15px 15px;
  width: auto;
  margin: 0px;
}
.woocommerce ul.products li.product .product-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  border: 1px solid #e4e4e4;
  background-color: #fff;
  color: #272727;
}
.woocommerce ul.products li.product .product-item:hover {
  box-shadow: 0px 0px 0px 5px #ffc400;
  border: 1px solid #ffc400;
}
.woocommerce ul.products li.product img {
  margin: 0px;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  padding-left: 0;
  background-color: #f8f9fa;
  border-radius: 0;
}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
  border-bottom: 0px;
  background-color: #fff;
  color: #272727;
  margin: 0px;
  position: relative;
  display: flex;
  flex-direction: column;
}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link .product-title {
  width: 100%;
  height: auto;
  border-top: 1px solid #e4e4e4;
  background-color: #fff;
  padding: 15px 15px 0px 15px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link .product-title h2 {
  margin-bottom: 0.5rem;
  font-family: Oswald, sans-serif;
  font-weight: 400;
  line-height: 1.2;
  color: inherit;
  font-size: 22px;
}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link .product-title .price {
  font-size: 16px;
  margin-bottom: 10px;
}
.woocommerce ul.products li.product a.button {
  border: 0px;
  border-top: 1px solid #eee;
  background-color: #fff;
  color: #272727;
  margin: 0px;
  padding-top: 10px;
  position: relative;
  font-weight: 400;
  text-transform: uppercase;
  margin-top: auto;
}
.woocommerce ul.products li.product a.button:focus {
  outline: none;
}
.woocommerce ul.products li.product a.button:hover {
  background-color: #ffc400;
  border-top: 1px solid #ffc400;
  color: #000;
  font-weight: 600;
}

@media only screen and (max-width: 991px) {
  .woocommerce ul.products li.product {
    flex: 0 0 50%;
    max-width: 50%;
    float: none;
  }
}
@media only screen and (max-width: 575px) {
  .woocommerce ul.products li.product {
    flex: 0 0 100%;
    max-width: 100%;
    float: none;
  }
}
.storefront-sorting select {
  height: 30px;
  border: 1px solid #ccc;
  padding: 5px 9px 5px 5px;
}
.storefront-sorting select:focus {
  outline: none;
}

.woocommerce-result-count {
  line-height: 30px;
}

.storefront-sorting {
  margin: 20px 0 20px 0;
}

.term-description {
  margin-bottom: 50px;
}
.term-description:after {
  content: "";
  width: 80px;
  height: 3px;
  background-color: #ffc400;
  position: absolute;
  margin-left: 0;
  margin-top: -5px;
}

h1 {
  font-family: Oswald, sans-serif;
  font-weight: 400;
  line-height: 1.2;
  font-size: 32px;
  text-transform: uppercase;
  margin-bottom: 8px;
  color: #505050;
}

.storefront-breadcrumb {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #f7f7f7;
  margin-bottom: 40px;
}
.storefront-breadcrumb a {
  text-decoration: none;
}
.storefront-breadcrumb a:hover {
  color: #000;
}

.widget-area {
  margin-top: 10px;
}
.widget-area .widget a {
  text-decoration: none;
  font-weight: 400;
  line-height: 1.7;
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
}

.widget {
  font-size: 15px;
  padding: 0;
}
.widget:first-child {
  padding-top: 0;
}
.widget .widget-title {
  margin-bottom: 20px;
  margin-top: 0;
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1.6rem;
  font-weight: 400;
  font-family: Oswald, sans-serif;
}
.widget ul {
  padding-left: 0px;
}
.widget ul li {
  display: block;
}
.widget ul li:first-child > a {
  padding-top: 7px;
}
.widget ul li a {
  display: inline-block;
  padding-top: 7px;
  padding-bottom: 7px;
  color: #727272;
  text-decoration: none;
}
.widget ul li a:hover, .widget ul li a:focus {
  color: #000;
}
.widget ul li a:before {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  padding-right: 8px;
  color: rgba(0, 0, 0, 0.6);
  transition: padding 0.3s;
  -webkit-font-smoothing: antialiased;
  left: 15px;
}
.widget .tagcloud {
  text-align: left;
  margin: 2em 0;
}
.widget .tagcloud a {
  text-decoration: none;
  padding: 3px 10px;
  margin: 0 7px 7px 0;
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 14px;
  transition: all 0.2s linear;
  border-radius: 2px;
}
.widget .tagcloud a:hover, .widget .tagcloud a:focus {
  color: #fff;
  background-color: #ffc400;
  border-color: #ffc400;
}
.widget .wp-block-search__inside-wrapper {
  border: 1px solid #d6d6d6;
  border-radius: 0.25rem;
  display: block;
  width: 100%;
  padding: 0;
  font-size: 1rem;
  line-height: 1.7;
  color: #505050;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  position: relative;
}
.widget .wp-block-search__inside-wrapper input[type=search] {
  background-color: #fff;
  border: 0px;
  box-shadow: none;
  margin-left: 4px;
  display: flex;
  flex: auto;
}
.widget .wp-block-search__inside-wrapper button {
  background-color: #fff;
  border: 0px;
  margin-left: 0px;
  display: flex;
  align-self: center;
}

.main-navigation ul li a {
  color: #999;
  text-transform: uppercase;
  font-family: Oswald, sans-serif;
  font-weight: 400;
  font-size: 1rem;
}
.main-navigation ul li a:focus {
  outline: none;
}

@media (min-width: 768px) {
  #masthead .col-full {
    display: flex;
    align-items: center;
  }
  #masthead .main-navigation {
    text-align: right;
  }
  .woocommerce-active .site-header div.site-branding {
    width: auto;
  }
  .site-header {
    padding-top: 20px;
  }
}
body:not(.archive) #primary {
  width: 100%;
}

footer {
  color: #d6d6d6;
  background-color: #414141;
  position: relative;
}
footer .footer {
  position: relative;
  width: 100%;
  height: 100%;
}
footer .footer-bg {
  background: url("bg-footer.png") no-repeat left bottom;
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.2;
}
footer .fa-ul {
  margin-left: 1.7em;
  list-style-type: none;
  padding-left: 0;
}
footer .fa-ul > li {
  position: relative;
}
footer .h6 {
  color: #eee;
  text-transform: uppercase !important;
  font-family: Oswald, sans-serif;
  font-weight: 400;
}
footer > .container {
  font-weight: 300;
  z-index: 2;
  padding-bottom: 0.5rem !important;
}
footer p {
  text-align: left;
  font-weight: 300;
}
footer .site-info {
  display: none;
}
footer .site-copy {
  background-color: #272727;
  font-size: 0.8rem;
  color: #797979;
  padding: 0px;
}
footer .site-copy span {
  padding: 13px 0 10px 0;
  display: inline-block;
  width: 100%;
}
footer ul.social-navigation {
  list-style: none;
  margin: 0;
  float: right;
  margin-left: 14px;
  height: 44px;
  padding: 7px;
}
footer ul.social-navigation li {
  display: block;
  float: left;
}
footer ul.social-navigation li:last-child {
  border-right: 0px;
}
footer ul.social-navigation a {
  border: none;
  border-radius: 50%;
  height: 30px;
  line-height: 30px;
  width: 30px;
  margin: 7px 3px;
  color: #797979;
  padding: 7px;
}
footer ul.social-navigation a:hover {
  color: #d6d6d6;
  background-color: #414141;
}
footer ul.social-navigation a::before {
  display: inline-block;
  padding-left: 7px;
  padding-right: 7px;
}
footer a {
  color: #b8b8b8;
}
footer a:hover {
  color: #f8f9fa;
}
footer .fa-ul li {
  border-bottom: 1px solid #505050;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-weight: 300;
}
footer .krs {
  font-size: 0.9rem;
  font-weight: 400;
  color: #797979;
}
footer .footer-navigation .fa-ul li {
  border-bottom: 1px solid #505050;
}
footer .footer-navigation .fa-ul li a {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 400;
  width: 100%;
}

@media (max-width: 768px) {
  footer ul.social-navigation {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    float: none;
  }
}
.storefront-handheld-footer-bar {
  background-color: #1d2327;
}
.storefront-handheld-footer-bar ul li > a {
  background-color: #1d2327;
  color: #fff;
}
.storefront-handheld-footer-bar ul li.cart .count {
  background-color: #ffc400;
}

.woofc-menu-item .woofc-menu-item-inner:after {
  background-color: #ffc400;
  color: #000;
}

.pt-5, .py-5 {
  padding-top: 3rem !important;
}

.pb-4, .py-4 {
  padding-bottom: 1.5rem !important;
}

a:focus {
  outline: none;
}

.home.post-type-archive-product .site-header {
  margin-bottom: 40px;
}

.page .entry-header h1 {
  margin-bottom: 2rem;
  position: relative;
}
.page .entry-header h1:after {
  content: "";
  width: 80px;
  height: 3px;
  background-color: #ffc400;
  position: absolute;
  margin-left: 0;
  margin-top: 0px;
  left: 0;
  bottom: -10px;
}
.page .entry-content h2 {
  margin-top: 2rem;
  font-size: 1.5rem;
}
.page .entry-content ul, .page .entry-content ol {
  margin-left: 1em !important;
}
.page .entry-content ul li, .page .entry-content ol li {
  margin-bottom: 0.8rem;
}

.single-product div.product p.price {
  font-size: 1.41575em;
  margin: 1em 0 1em 0;
  position: relative;
}
.single-product div.product p.price span {
  display: inline-block;
}
.single-product div.product p.price:after {
  content: "";
  width: 160px;
  height: 3px;
  background-color: #ffc400;
  position: absolute;
  margin-left: 0;
  margin-top: -10px;
  left: 0;
}

section.related {
  padding: 10px;
}/*# sourceMappingURL=style.css.map */