/*
Theme Name:     POTAFIORI (Storefront Child Theme)
Template:       storefront
Description:    This is a blank child theme for WooThemes StoreFront theme
Version:        1.0.0
Text Domain:    storefront
*/

body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
}
html {
  height: -webkit-fill-available;
}

@font-face {
  font-family: "Neue Haas Grotesk Display";
  src: url("fonts/NeueHaasGroteskDisplay-Bold.woff2") format("woff2"),
    url("fonts/NeueHaasGroteskDisplay-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Neue Haas Grotesk Display";
  src: url("fonts/NeueHaasGroteskDisplay-ExLtIt.woff2") format("woff2"),
    url("fonts/NeueHaasGroteskDisplay-ExLtIt.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Neue Haas Grotesk Display";
  src: url("fonts/NeueHaasGroteskDisplay-Medium.woff2") format("woff2"),
    url("fonts/NeueHaasGroteskDisplay-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Neue Haas Grotesk Display";
  src: url("fonts/NeueHaasGroteskDisplay-SemLt.woff2") format("woff2"),
    url("fonts/NeueHaasGroteskDisplay-SemLt.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Neue Haas Grotesk Display";
  src: url("fonts/NeueHaasGroteskDisplay-Black.woff2") format("woff2"),
    url("fonts/NeueHaasGroteskDisplay-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Neue Haas Grotesk Display";
  src: url("fonts/NeueHaasGroteskDisplay-BlkIt.woff2") format("woff2"),
    url("fonts/NeueHaasGroteskDisplay-BlkIt.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Neue Haas Grotesk Display";
  src: url("fonts/NeueHaasGroteskDisplay-Reg.woff2") format("woff2"),
    url("fonts/NeueHaasGroteskDisplay-Reg.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Neue Haas Grotesk Display";
  src: url("fonts/NeueHaasGroteskDisplay-SmLtIt.woff2") format("woff2"),
    url("fonts/NeueHaasGroteskDisplay-SmLtIt.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Neue Haas Grotesk Display";
  src: url("fonts/NeueHaasGroteskDisplay-ExtLt.woff2") format("woff2"),
    url("fonts/NeueHaasGroteskDisplay-ExtLt.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Neue Haas Grotesk Display";
  src: url("fonts/NeueHaasGroteskDisplay-BdIt.woff2") format("woff2"),
    url("fonts/NeueHaasGroteskDisplay-BdIt.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Neue Haas Grotesk Display";
  src: url("fonts/NeueHaasGroteskDisplay-Thin.woff2") format("woff2"),
    url("fonts/NeueHaasGroteskDisplay-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Neue Haas Grotesk Display";
  src: url("fonts/NeueHaasGroteskDisplay-MedIta.woff2") format("woff2"),
    url("fonts/NeueHaasGroteskDisplay-MedIta.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Neue Haas Grotesk Display";
  src: url("fonts/NeueHaasGroteskDisplay-Light.woff2") format("woff2"),
    url("fonts/NeueHaasGroteskDisplay-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Neue Haas Grotesk Display";
  src: url("fonts/NeueHaasGroteskDisplay-ThIt.woff2") format("woff2"),
    url("fonts/NeueHaasGroteskDisplay-ThIt.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Neue Haas Grotesk Display";
  src: url("fonts/NeueHaasGroteskDisplay-Italic.woff2") format("woff2"),
    url("fonts/NeueHaasGroteskDisplay-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Neue Haas Grotesk Display";
  src: url("fonts/NeueHaasGroteskDisplay-LtIt.woff2") format("woff2"),
    url("fonts/NeueHaasGroteskDisplay-LtIt.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Neue Haas Grotesk Text";
  src: url("fonts/NeueHaasGroteskText-MedIta.woff2") format("woff2"),
    url("fonts/NeueHaasGroteskText-MedIta.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Neue Haas Grotesk Text";
  src: url("fonts/NeueHaasGroteskText-BoldIta.woff2") format("woff2"),
    url("fonts/NeueHaasGroteskText-BoldIta.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Neue Haas Grotesk Text";
  src: url("fonts/NeueHaasGroteskText-Bold.woff2") format("woff2"),
    url("fonts/NeueHaasGroteskText-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Neue Haas Grotesk Text";
  src: url("fonts/NeueHaasGroteskText-Medium.woff2") format("woff2"),
    url("fonts/NeueHaasGroteskText-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Neue Haas Grotesk Text";
  src: url("fonts/NeueHaasGroteskText-Italic.woff2") format("woff2"),
    url("fonts/NeueHaasGroteskText-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Neue Haas Grotesk Text";
  src: url("fonts/NeueHaasGroteskText-Regular.woff2") format("woff2"),
    url("fonts/NeueHaasGroteskText-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Neue Haas Grotesk Display", sans-serif !important;
}

.site-branding .site-title {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 500 !important;
}

.wc-block-grid__products .wc-block-grid__product {
  text-align: left;
}

.wc-block-grid__product-title {
  font-weight: 500 !important;
  font-size: 1.2rem !important;
}

/*Hides the ON SALE badge*/

.onsale {
  display: none;
}

.main-navigation ul li a {
  text-transform: uppercase;
}

.wp-block-group p {
  margin-bottom: 0;
}

.wp-social-link {
  background-color: black !important;
  color: white !important;
}

.wpb_button {
  border: 0;
  border-radius: 0;
  background: none;
  background-color: #43454b;
  border-color: #43454b;
  color: #fff;
  cursor: pointer;
  padding: 0.6180469716em 1.41575em;
  text-decoration: none;
  font-weight: 600;
  text-shadow: none;
  display: inline-block;
  -webkit-appearance: none;
  background-color: #0a0a0a;
  border-color: #0a0a0a;
  color: #ffffff;
  margin-right: 4px;
}

.demo_store {
  background-color: #000000 !important;
}

.demo_store a.woocommerce-store-notice__dismiss-link {
  display: inline-block;
  background: #dfe100;
  color: #2c2d33;
  padding: 2px 4px;
  margin-left: 16px;
  text-decoration: none;
}

/*Newsletter popup*/
#subscription-form.style_dark {
  background-color: #000 !important;
  border: none !important;
}

#subscription-form.style_dark .subscription-form_submit {
  border-color: #dfe100 !important;
  background-color: #dfe100 !important;
  color: black !important;
}

#subscription-form.style_dark a {
  color: #dfe100 !important;
}

#subscription-form.style_dark input {
  background-color: #444444 !important;
  border: 2px solid #444444 !important;
}

/*Info page*/

.location-row {
  padding-top: 24px !important;
}

.big-location-row {
  text-align: center;
  padding-top: 24px !important;
}

.location-button {
  margin-right: 8px !important;
}

.location-separator {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

/*GloriaFood*/

.gloria-food-button {
  text-transform: uppercase;
  cursor: pointer;
}

.main-navigation ul li span {
  padding: 0.875em 0;
  display: block;
}

@media (min-width: 768px) {
  .main-navigation ul.menu > li > span,
  .main-navigation ul.nav-menu > li > span {
    padding: 1.618em 1em;
  }
}