/**
 * Add any custom CSS here.
 *
 * This file will be loaded after all other theme stylesheets.
 */

#BentonSansBook {
font-family: benton-sans, sans-serif;
font-weight: 400;
font-style: normal;
}

#BentonSansBookItalic {
font-family: benton-sans, sans-serif;
font-weight: 400;
font-style: italic;
}

#BentonSansBold {
font-family: benton-sans, sans-serif;
font-weight: 700;
font-style: normal;
}

#BentonSansBoldItalic {
font-family: benton-sans, sans-serif;
font-weight: 700;
font-style: italic;
}

#BentonSansCompressedBook {
font-family: benton-sans-compressed, sans-serif;
font-weight: 400;
font-style: normal;
}

#BentonSansCompressedBookItalic {
font-family: benton-sans-compressed, sans-serif;
font-weight: 400;
font-style: italic;
}
#BentonSansCompressedBold {
font-family: benton-sans-compressed, sans-serif;
font-weight: 700;
font-style: normal;
}

#BentonSansCompressedBoldItalic {
font-family: benton-sans-compressed, sans-serif;
font-weight: 700;
font-style: italic;
}

#BentonSansCondensedBook {
font-family: benton-sans-condensed, sans-serif;
font-weight: 400;
font-style: normal;
}

#BentonSansCondensedBookItalic {
font-family: benton-sans-condensed, sans-serif;
font-weight: 400;
font-style: italic;
}

#BentonSansCondensedBold {
font-family: benton-sans-condensed, sans-serif;
font-weight: 700;
font-style: normal;
}

#BentonSansCondensedBoldItalic {
font-family: benton-sans-condensed, sans-serif;
font-weight: 700;
font-style: italic;
}

#BentonSansExtraCompressedBook {
font-family: benton-sans-extra-compressed, sans-serif;
font-weight: 400;
font-style: normal;
}

#BentonSansExtraCompressedBookItalic {
font-family: benton-sans-extra-compressed, sans-serif;
font-weight: 400;
font-style: italic;
}

#BentonSansExtraCompressedBold {
font-family: benton-sans-extra-compressed, sans-serif;
font-weight: 700;
font-style: normal;
}

#BentonSansExtraCompressedBoldItalic {
font-family: benton-sans-extra-compressed, sans-serif;
font-weight: 700;
font-style: italic;
}

#BentonSansWideBook {
font-family: benton-sans-wide, sans-serif;
font-weight: 400;
font-style: normal;
}

#BentonSansWideBookItalic {
font-family: benton-sans-wide, sans-serif;
font-weight: 400;
font-style: italic;
}

#BentonSansWideBoldItalic {
font-family: benton-sans-wide, sans-serif;
font-weight: 700;
font-style: italic;
}

#BentonSansWideBold {
font-family: benton-sans-wide, sans-serif;
font-weight: 700;
font-style: normal;
}
a:focus {
	outline-color: transparent;
}
h1 {
	font-family: benton-sans-wide, sans-serif;
	font-weight: 700;
	font-style: normal;
}

h2, h3, h4, h5, h6 {
	font-family: benton-sans, sans-serif;
	font-weight: 700;
	font-style: normal;
}
strong {
	font-weight: 700;
}

body, p {
	font-family: benton-sans, sans-serif;
	font-weight: 400;
	font-style: normal;
}

header#masthead {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-position: top right;
}

.page-template-template-homepage .entry-header h1 {
	font-size: 3em;
	color: #ed1c24;
}

@media screen and (max-width: 768px) {
  .page-template-template-homepage .entry-header h1 {
		font-size: 2em;
	}
}

@media screen and (max-width: 425px) {
  .page-template-template-homepage .entry-header h1 {
    font-size: 1.5em;
  }
	.page-template-template-homepage .entry-content h2 {
		font-size: 1.1em;
	}
	.page-template-template-homepage p {
		font-size: 0.9em;
	}
}

.entry-content h2 {
	font-size: 1.35em;
}

.widget .widget-title, .widget .widgettitle {
	margin-bottom: 0;
	font-size: 1.7em;
}

@media screen and (max-width: 768px) {
  .widget .widget-title, .widget .widgettitle {
    font-size: .9em;
  }
}

@media screen and (max-width: 768px) {
  .widget .widget-title, .widget .widgettitle {
    font-size: .7em;
  }
}

.footer-widget-1, .footer-widget-2, .footer-widget-3, .footer-widget-4 p {
	font-size: 0.9em;
}

@media screen and (max-width: 1024px) {
  .footer-widget-1, .footer-widget-2, .footer-widget-3, .footer-widget-4 p {
    font-size: .7em;
  }
}

@media screen and (max-width: 768px) {
  .footer-widget-1, .footer-widget-2, .footer-widget-3, .footer-widget-4 p {
    font-size: .5em;
  }
}

@media screen and (max-width: 425px) {
  .p-primary-navigation {
    margin-top:75px;
  }
  .site-header .custom-logo-link img {
    padding-bottom: 1.4rem;
	}
  .storefront-featured-products .section-title {
		display: none;
	}
  ul.products li.product .price {
    position: absolute;
    top: 1px;
    left: 1px;
    background-color: #fff;
    font-weight: 700;
    padding: .75em .236em .75em 1.618em;
	}
	li.product img {
		border: 1px solid #f1f1f1;
	}
}


@media (min-width: 768px) and (max-width: 1023px) {
	body {
		font-size: 0.8em;
	}
}

.p-secondary-navigation {
	background: none;
}

@media screen and (min-width: 769px) {
	.woocommerce-store-notice {
		display: none;
	}
}

.woocommerce-products-header {
	display: none;
}


.storefront-sorting {
	display: none;
}