:root {
  --brand: #2e4f20;
  --wrap: 1200px;
}

.wrap,
.site-header .wrap,
.site-content .wrap,
.site-footer .wrap {
  width: min(100% - 2rem, 1200px);
  margin-inline: auto;
}

button,
.button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.wp-element-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce div.product form.cart .single_add_to_cart_button {
  background: #2e4f20 !important;
  background-color: #2e4f20 !important;
  border-color: #234017 !important;
  color: #ffffff !important;
}

button:hover,
.button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.wp-element-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce div.product form.cart .single_add_to_cart_button:hover {
  background: #26411a !important;
  background-color: #26411a !important;
  border-color: #1f3415 !important;
  color: #ffffff !important;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid #ffbf47;
  outline-offset: 3px;
}

@media (max-width: 782px) {
  .wrap,
  .site-header .wrap,
  .site-content .wrap,
  .site-footer .wrap {
    width: min(100% - 1.25rem, 1200px);
  }
}