/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/



/* ================================
   Custom Fonts (local)
   Nohemi = primary (headings)
   Kepler = secondary (body)
   ================================ */

@font-face {
  font-family: "Nohemi";
  src: url("assets/fonts/Nohemi-Regular.woff2") format("woff2"),
       url("assets/fonts/Nohemi-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Kepler";
  src: url("assets/fonts/KeplerStdBlack.woff2") format("woff2"),
       url("assets/fonts/KeplerStdBlack.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root{
  --opus-font-headings: "Nohemi", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --opus-font-body: "Kepler", Georgia, "Times New Roman", Times, serif;
}

/* Body / paragraphs */
body,
p,
.ux-text,
.text,
.entry-content{
  font-family: var(--opus-font-body);
}

/* Headings / titles */
h1,h2,h3,h4,h5,h6,
.heading-font,
.ux-heading,
.ux-menu-title,
.section-title,
.section-title span,
.nav>li>a,
.button,
.btn{
  font-family: var(--opus-font-headings);
}

#header,
#header .nav > li > a,
#header .header-nav-main > li > a,
#header .header-nav > li > a,
#header .nav-dropdown > li > a{
  font-family: var(--opus-font-headings);
  font-weight: 600;
}

.archive.post-type-archive-product .product-small .box-image img,
.tax-product_cat .product-small .box-image img,
.tax-product_tag .product-small .box-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/* Make the shop image area use the full product card width */
.archive.post-type-archive-product .product-small .box-image,
.tax-product_cat .product-small .box-image,
.tax-product_tag .product-small .box-image {
	width: 100%;
}

/* Make the book image visually larger while keeping full cover visible */
.archive.post-type-archive-product .product-small .box-image img,
.tax-product_cat .product-small .box-image img,
.tax-product_tag .product-small .box-image img {
	width: 100%;
	height: 320px;
	object-fit: contain;
}

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}