/*
Theme Name: farmmeat-child-theme
Author: 
Description: Your description goes here
Version: 1.0
Template: twentytwentyfour

This is the child theme for Twenty Twenty-Four theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

/* Root */

:root {
  --e-global-color-primary: #d5ba7f;
  --e-global-color-secondary: #902729;
  --e-global-color-text: #ae4848;
  --e-global-color-accent: #302a8c;
  --e-global-color-6b996f5e: #6ec1e4;
  --e-global-color-3fde9f6: #54595f;
  --e-global-color-3f1514c6: #7a7a7a;
  --e-global-color-55384224: #61ce70;
  --e-global-color-54fc3aef: #4054b2;
  --e-global-color-781292da: #23a455;
  --e-global-color-1c8d9f25: #000;
  --e-global-color-4688ba12: #fff;
  --e-global-typography-primary-font-family: "Roboto", sans-serif;
  --e-global-typography-primary-font-weight: 600;
  --e-global-typography-secondary-font-family: "Roboto Slab";
  --e-global-typography-secondary-font-weight: 400;
  --e-global-typography-text-font-family: "Roboto";
  --e-global-typography-text-font-weight: 400;
  --e-global-typography-accent-font-family: "Roboto";
  --e-global-typography-accent-font-weight: 500;
  --wp--preset--font-family--body: "Inter", sans-serif;
  --wp--preset--font-family--heading: Cardo;
  --wp--preset--font-family--system-sans-serif: -apple-system,
    BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica,
    Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  --wp--preset--font-family--system-serif: Iowan Old Style, Apple Garamond,
    Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif,
    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;

  --font-lg: 18px;
  --font-md: 16px;
  --font-sm: 14px;
  --font-sx: 12px;
  --line-height-loose: 1.75;
  --line-height-normal: 1.5;
  --line-height-dense: 1.1;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 64px;

  --size-content: 54rem;
  --size-gutter: var(--space-5);
  --size-gap: var(--space-6);

  --custom--spacing--small: max(1.25rem, 6vw);
  --custom--spacing--outer: var(--custom--spacing--small, 1rem);

  --base-font-size: 1rem;
  --font-type-scale: 1.2;
  --h5: calc(var(--base-font-size) * var(--font-type-scale));
  --h4: calc(var(--h5) * var(--font-type-scale));
  --h3: calc(var(--h4) * var(--font-type-scale));
  --h2: calc(var(--h3) * var(--font-type-scale));
  --h1: calc(var(--h2) * var(--font-type-scale));
  --h3-resize: max(calc(var(--h5) - 0.5rem), 3vw);
  --h2-resize: max(var(--h5), 5vw);

  /* Breakpoints */
  --bp-small: 48em; /* 768px */
  --bp-medium: 64em; /* 1024px */
  --bp-large: 85.375em; /* 1366px */
  --bp-xlarge: 120em; /* 1920px */
  --bp-xxlarge: 160em; /* 2560px */

  /* Media Queries */
  --mq-small: "(min-width: #{$bp-small})";
  --mq-medium: "(min-width: #{$bp-medium})";
  --mq-large: "(min-width: #{$bp-large})";
  --mq-xlarge: "(min-width: #{$bp-xlarge})";
  --mq-xxlarge: "(min-width: #{$bp-xxlarge})";
  --mq-retina: "(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)";
}

/* General Styles */
.has-global-padding,
.wp-block-group {
  max-width: none !important;
  max-height: none !important;
  padding: 0 !important;
}

.wp-block-spacer {
  height: auto !important;
  max-height: none !important;
  padding: 0 !important;
}

body
  .is-layout-constrained
  > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: initial;
  margin: 0 !important;
  padding: 0;
}

h2,
.beta {
  font-size: 1.6rem;
  line-height: 1.214;
}

a {
  text-decoration: none;
  font-family: var(--e-global-typography-accent-font-family), Sans-serif;
  font-weight: var(--e-global-typography-accent-font-weight);
}

.wp-element-button {
  color: #fff;
  background-color: var(--e-global-color-secondary);
  font-family: var(--e-global-typography-accent-font-family), Sans-serif;
  font-weight: var(--e-global-typography-accent-font-weight);
}

html,
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  font-family: var(--e-global-typography-primary-font-family);
  font-weight: normal;
  font-size: var(--font-md);
  color: var(--color-text);
  font-display: swap;
  font-size: 1rem;
  /* max-width: 1366px; */
  margin: 0 auto;
  box-sizing: border-box;
  /* line-height: var(--line-height-normal); */
  word-wrap: break-word;
  /* overflow-y: scroll; */
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

a {
  color: var(--color-text);
  text-decoration: none;
}

a:active,
a:hover,
a:focus {
  outline-width: 0;
  text-decoration: none;
  outline: 0;
  border: none;
  /* -moz-outline-style: none; */
}

abbr[title] {
  border-bottom: 1px dotted hsla(0, 0%, 0%, 0.5);
  cursor: help;
  text-decoration: none;
}
b,
strong {
  font-weight: inherit;
  font-weight: bolder;
}
dfn {
  font-style: italic;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
ul {
  color: #333333;
  margin: 0;
  padding: 0;
}

img {
  border-style: none;
  max-width: 100%;
}

button {
  cursor: pointer;
}

button:focus {
  outline: none;
}

code,
kbd,
pre,
samp {
  font-family: var(--font-mono);
  font-size: 1em;
  line-height: inherit;
}
hr {
  box-sizing: content-box;
  overflow: visible;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  padding: 0;
  margin-bottom: calc(var(--space-4) - 1px);
  background: hsla(0, 0%, 0%, 0.2);
  border: none;
  height: 1px;
}

hgroup,
img,
figure,
fieldset,
ul,
ol,
dl,
dd,
p {
  margin: 0;
  padding: 0;
}

ul,
ol {
  list-style: none;
}

pre {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: var(--space-4);
  font-size: 0.875rem;
  line-height: var(--line-height-normal);
  background: hsla(0, 0%, 0%, 0.04);
  border-radius: var(--border-radius);
  overflow: auto;
  word-wrap: normal;
  padding: var(--space-4);
}

b,
strong,
dt,
th {
  font-weight: bold;
}

blockquote *:last-child {
  margin-bottom: 0;
}

code {
  font-size: 0.875rem;
}
kbd {
  font-size: 0.875rem;
}
samp {
  font-size: 0.875rem;
}
abbr {
  border-bottom: 1px dotted hsla(0, 0%, 0%, 0.5);
  cursor: help;
}
acronym {
  border-bottom: 1px dotted hsla(0, 0%, 0%, 0.5);
  cursor: help;
}
tt,
code {
  background-color: var(--color-code-bg);
  border-radius: var(--border-radius);
  color: var(--color-code);
  font-family: var(--font-mono);
  padding-bottom: 0.25em;
  padding-top: 0.25em;
  word-break: normal;
}
pre code {
  background: none;
}
code:before,
code:after,
tt:before,
tt:after {
  content: "\00a0";
  letter-spacing: -0.2em;
}
pre code:before,
pre code:after,
pre tt:before,
pre tt:after {
  content: none;
}

input:-internal-autofill-selected {
  background-color: yellow !important;
  background-image: none !important;
  color: rgb(0, 0, 0) !important;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb {
  background-color: #f2f6f3;
  outline: 1px solid slategray;
  border-radius: 10px;
}

:focus {
  outline: 1px dotted rgba(50, 55, 66, 0.5);
}

::placeholder {
  color: #9dadcf;
}

input:focus {
  outline: none;
}

::placeholder {
  color: #323742;
}

.woocommerce-account,
body.woocommerce-checkout,
body.woocommerce-cart {
  background-color: #f2e3d566;
}

.woocommerce-account main,
.woocommerce-checkout main {
  padding: 2em 0 !important;
}

.woocommerce-account .entry-content .woocommerce,
.woocommerce-checkout .entry-content .woocommerce {
  display: flex;
  flex-flow: column wrap;
  justify-content: center !important;
  margin: 0 auto !important;
}

.woocommerce-checkout .woocommerce-form-coupon-toggle,
.woocommerce-checkout .woocommerce-form-login-toggle {
  display: none;
}

.woocommerce-account .wp-block-post-title,
.woocommerce-checkout .wp-block-post-title {
  text-align: center;
  margin: 0 auto !important;
}

.page-template.woocommerce-account input,
.woocommerce-checkout input,
.woocommerce-page textarea,
.woocommerce-page .select2-container--default .select2-selection--single {
  background-color: transparent;
  border-width: 2px;
  border-color: #333333;
  border-radius: 0;
}

.woocommerce-cart .wp-block-post-title,
.woocommerce-checkout .wp-block-post-title {
  display: none !important;
}

.woocommerce-cart .order-categories,
.woocommerce-checkout .order-categories {
  width: 99vw;
  color: #fff;
  background-color: #232320;
  display: flex;
  justify-content: center;
  flex-flow: column wrap;
}

.woocommerce-cart .order-categories .categories,
.woocommerce-checkout .order-categories .categories {
  margin: auto !important;
}

.woocommerce-cart .order-categories > h2,
.woocommerce-checkout .order-categories > h2 {
  text-align: center;
  color: #fff;
  padding: 0.2em 0;
}

.woocommerce-cart .cart-details,
.woocommerce-checkout .checkout-details {
  margin: 0 var(--custom--spacing--outer) !important;
  padding: 2em 0 !important;
}

.woocommerce-cart .cart-details h2 {
  text-align: center;
  font-family: var(--e-global-typography-primary-font-family);
  font-weight: 600;
}

.woocommerce-page table.shop_table {
  width: 100%;
}

@media (min-width: 50em) {
  .order-categories .categories .card img {
    max-width: 80% !important;
  }
}

@media (min-width: 85.375em) {
  body {
    font-size: max(var(--base-font-size), 1.5vw);
  }

  h1 {
    font-size: max(34px, 3vw) !important;
  }

  h2,
  .beta {
    font-size: max(1.6rem, 2vw);
  }
}

/* Elementor */