/* Load custom fonts */

@font-face {
  font-family: "MicrobrewOne";
  src: url('https://web-archive.nli.org.il/National_Library/oe_/https://www.buschs.com/MyWebfontsKit/webFonts/MicrobrewOne/font.woff2') format('woff2'),
       url('https://web-archive.nli.org.il/National_Library/oe_/https://www.buschs.com/MyWebfontsKit/webFonts/MicrobrewOne/font.woff') format('woff');
}

/* Typography - desktop styles */

body { 
  font-family: "Montserrat", sans-serif;
}


h1 {
  font-family: "MicrobrewOne", sans-serif;
  font-weight: 400;
  line-height: 1;
  font-size: 62px;
}

h2 {
  font-family: "MicrobrewOne", sans-serif;
  font-weight: 400;
  line-height: 1;
  font-size: 42px;
  margin-bottom: 20px;
}

h3 {
  font-family: "MicrobrewOne", sans-serif;
  font-weight: 400;
  line-height: 1;
  font-size: 32px;
  margin-bottom: 20px;
}

h4 {
  font-family: "MicrobrewOne", sans-serif;
  line-height: 1;
  font-weight: 400;
  font-size: 24px;
  margin-bottom: 20px;
}

h4 .fp-semibold { font-size: 24px; }

h5 {
  font-family: "Montserrat", sans-serif;
  line-height: 1.6;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 15px;
}

h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  line-height: 1.6;
  font-size: 12px;
  margin-bottom: 15px;
}

p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  line-height: 1.6em;
  font-size: 16px;
  margin-top: 15px;
  margin-bottom: 15px;
}


/* Typography - mobile styles */

@media (max-width: 768px) {
  h1 {
    font-size: 44px;
  }

  h2 {
    font-size: 36px;
  }

  h3 {
    font-size: 24px;
  }

  h4 {
    font-size: 20px;
  }
	
	h4 .fp-semibold {
		font-size: 20px;
		}

  p {
    font-size: 15px;
    line-height: 1.5em;
  }
}

/* Blog grid styling */

.sow-entry-title {
  font-weight: 400 !important;
  line-height: 1 !important;
  margin-top: 5px !important;
  margin-bottom: 10px !important;
}

.sow-blog-layout-grid .sow-blog-posts article {
  border-radius: 5px !important;
  overflow: hidden !important;
}

/* IZ1-I56700 JFS Override Bootstrap Container Margins to 0 */

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 0 !important;
}

/* Custom mobile margins */

@media (max-width: 991px) {
  footer {
    padding-top: 0 !important;
  }
}

@media (max-width: 991px) {
  .panel-row-style {
    padding: 40px 24px 40px 24px !important;
    margin-bottom: 0 !important;
  }
}

@media (max-width: 991px) {
  .no-margin {
    padding: 0px !important;
    margin-bottom: 0 !important;
  }
}

@media (max-width: 991px) {
  .mobile-margin-override {
    padding: 15px 15px 15px 15px !important;
    margin-bottom: 0 !important;
  }
}

@media (max-width: 991px) {
  .mobile-margin-override-2 {
    padding: 40px 20px 0px 20px !important;
    margin-bottom: 0 !important;
  }
}

@media (max-width: 991px) {
  .mobile-margin-override-3 {
    padding: 0px 20px	20px	20px  !important;
    margin-bottom: 0 !important;
    margin-top: -20px !important;
  }
}

@media (max-width: 991px) {
  .banner {
    padding: 60px 30px 60px 30px !important;
    margin-bottom: 0 !important;
  }
}

@media (max-width: 991px) {
  .slider-margin {
			margin-left: -10px !important;
  }
}

/* Custom image sizing */

.icon {
  width: 60px;
}

.smaller-image {
    width: 160px;
    display: block;
    margin: 0 auto;
}

/* Hide breadcrumbs */

.breadcrumb {
  display: none;
}

/* Header and footer styling */

.fp-icon.fp-icon-reorder,
#fp-input-search-c-8 {
  border-color: #58b947;
}

.fp-store-label,
.fp-my-store-wrap {
  font-weight: normal !important;
  font-size: 14px !important;
}

.so-widget-sow-button,
.sf-menu *,
#header .top-header .menu-header-menu-container ul.top-header-menu li a:first-child {
  font-size: 14px !important;
  font-weight: normal;
}

.sf-menu * {
  font-size: 16px !important;
}

#header .top-row-wrap .mini-list .fp-icon-list-indicator {
  color: #231f20 !important;
}

#footer-store-address {
  font-size: 14px;
}

#header :not(.hc-offcanvas-nav) ul.sf-mega,
#header :not(.hc-offcanvas-nav) .sf-menu.main-menu>li:not(.sf-mega)>ul,
#header :not(.hc-offcanvas-nav) .sf-menu.main-menu>li>ul li>ul {
  border-top: 6px solid #58B947!important;
}

/* Homepage hero and slider styling */

.so-widget-image,
.homepage-hero,
.sow-carousel-thumbnail,
.sow-image-container {
  border-radius: 10px;
  overflow: hidden;
}

.smart-slider-rounded-top {
		border-radius: 10px 10px 0 0;
}

/* Local Partner Carousel Styling */

.sow-carousel-item-title {
  display: block !important;
  width: 100% !important;
  font-size: 30px !important;
  margin-bottom: 60px !important;
  text-align: left !important;
  line-height: 1em !important;
}

/* Login Page Styling */

.fp-form-login {
  background-color: #F9F7F5 !important;
  border-radius: 5px !important;
}

/* Checkout banner styling */

.fp-checkout-banner .fp-btn-checkout {
  border: 0 !important;
}

.fp-checkout-banner .fp-btn-checkout:hover {
  border: 0 !important;
}

.checkout-banner {
  border-radius: 5px !important;
}

/* Gravity Forms styling */

.gform-theme--framework .gf_progressbar .percentbar_blue,
.gform-theme-button {
  background-color: #58B947 !important;
}

.gform-field-label,
.gf_progressbar_title {
  color: #231f20 !important;
  font-weight: 500 !important;
}

/* Homepage "quick link" button styling */

.quick-link {
  width: 100% !important;
}

/* Button styling and animation */

/* Homepage "quick link" button styling */

.quick-link {
  width: 100% !important;
}

/* Global button styling and animation */

.ow-button-base {
  transition: transform 0.3s ease-in-out;
  margin-top: -15px;
  border-radius: 5px;
  font-size: 16px;
  letter-spacing: .02em;
}

.ow-button-base:hover {
  transform: translate(0, -5px);
}

/* Targets the .sow-icon-materialicons when the .ow-button-base is hovered */

.ow-button-base:hover .sow-icon-materialicons {
  color: #fff !important;
}

/* Store locator styling */

.fp-semibold,
.fp-margin-top,
.fp-store-address,
.fp-link-secondary {
  font-size: 16px;
}

.fp-store-address {
  margin-top: 5px;
}

.fp-panel-body {
  padding-left: 20px !important;
  padding-right: 20px;
}

.fp-panel-heading {
  background-color: #F9F7F5 !important;
}

.fp-panel-item {
  border-radius: 5px;
  border: 1px solid #E3E2DE;
}

/* Product card styling */

.fp-item-base-price,
.fp-item-size,
.fp-divider {
  font-weight: 500 !important;
  color: #838280 !important;
  font-size: 16px !important;
}

.fp-item-sale {
  font-size: 16px !important;
}

.fp-item-name a {
  font-weight: 500 !important;
  color: #231f20 !important;
}

#header .top-header .menu-header-menu-container ul.top-header-menu li a:first-child {
  font-size: 14px !important;
}

siteorigin-panels-stretch panel-row-style panel-row-style-for-2-4 {
  margin-right: 30% !important;
  margin-left: 30% !important;
}

body .fp-item-action:not(.fp-is-item-in-list) .fp-btn-increment:after {
  font-weight: 600;
  letter-spacing: .02em;
}

.fp-product-carousel-header {
  visibility: hidden !important;
  margin-bottom: -55px !important;
}

/* Additional CSS */

.entry-content h2:first-child {
  margin-bottom: 20px;
}

/* Shop filter styling */

.fp-result-filter {
  background-color: #F9F7F5;
  border-radius: 5px;
}

/* Modify Z-Index */

.zindex {
  position: relative;
  z-index: 999;
}

/* Freshop "snackbar" custom styling */

.snackbar .snackbar-app-link, .snackbar .snackbar-web-link {
    display: block;
    padding: 10px;
    font-size: 14px;
    border: 2px solid;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    line-height: 1.1em;
		font-weight: 500;
}

.snackbar-close {
    cursor: pointer;
    color: #58b947;
    margin-right: 10px;
}

.snackbar {
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
}

/* Freshop Site Banners custom styling */

#site-banner .page-banner .container {
    padding: 15px;
}