/*
Theme Name: Shoptimizer Child Theme
Theme URI:
Description: Child theme of Shoptimizer
Author: CommerceGurus
Author URI:
Template: shoptimizer
Version: 1.2.3
License:             GNU General Public License v2 or later
License URI:         http://www.gnu.org/licenses/gpl-2.0.html
*/

/* =========================================================
   00) Variables
========================================================= */

/* (none yet) */


/* =========================================================
   01) Global / Base / Content spacing
========================================================= */

/* Home styles (currently disabled)
.why-choose-row .woocommerce a.button.alt {
  margin-bottom: 14px;
  font-size: 18px !important;
  text-transform: uppercase !important;
  font-weight: 420 !important;
}
*/

/* Prevent stacked spacing between headings and the first paragraph */
.entry-content h1 + p,
.entry-content h2 + p,
.entry-content h3 + p,
.entry-content h4 + p {
  margin-top: 0 !important;
}

/* Cover block link text: remove underline */
.wp-block-cover a,
.wp-block-cover__inner-container a {
  text-decoration: none !important;
}

/* Optional: keep no underline on hover too */
.wp-block-cover a:hover,
.wp-block-cover__inner-container a:hover {
  text-decoration: none !important;
}


.wp-block-media-text .wp-block-media-text__media img {
border-radius: 12px!important;
}


/* =========================================================
   02) Checkout / Payment typography & global UI
========================================================= */

#payment .payment_methods > .wc_payment_method > label,
#payment .payment_methods > .woocommerce-PaymentMethod > label {
  font-size: 17px;
}


/* =========================================================
   03) Page-specific tweaks
========================================================= */

.error404 .site-main a:hover {
  color: #d6d6d6 !important;
}


/* =========================================================
   04) WooCommerce: Product images / tables / notices
========================================================= */

.product .images,
.product .woocommerce-product-gallery {
  margin-top: 8px !important;
}

table.cart {
  margin-bottom: 3rem;
  /* background-color: #fff; */
  padding: 22px;
}

.woocommerce-message {
  background-color: #408a65;
}


/* =========================================================
   05) Checkout Progress Bar (GLOBAL — must trickle to mobile)
========================================================= */

ul.checkout-bar a {
  font-size: 17px;
  font-weight: 500;
  text-decoration: none;
}

ul.checkout-bar li {
  font-size: 17px;
}


/* =========================================================
   06) PayPal Payment Method (GLOBAL — must be white everywhere)
========================================================= */

.woocommerce-checkout .payment_methods li.wc_payment_method[class*="payment_method_ppcp"] {
  padding: 12px 14px;
  border-radius: 8px;
}


/* =========================================================
   07) Order Thank You page
========================================================= */

.woocommerce-order ul.order_details {
  padding: 16px;
  border-radius: 6px;
}

.woocommerce-order-details__title {
  color: #000;
}

.woocommerce-order ul.order_details li {
  font-size: 17px;
}

table.woocommerce-table--order-details {
  color: #2f2f2f !important;
  font-size: 16px !important;
}

.woocommerce-order-details {
  background-color: #888;
}


/* =========================================================
   08) Checkout page (Blocks + layout)
========================================================= */

.is-large.wc-block-cart,
.wp-block-woocommerce-checkout.wc-block-checkout {
  margin-top: 0em;
}

.wp-block-woocommerce-checkout {
  margin: 0;
  padding-top: 0px !important;
}

mark {
  color: #dc9814;
}

.cg-thumb-swiper .swiper-slide {
  background-color: #666 !important;
}


/* =========================================================
   09) Product category (archive) styling
========================================================= */

.product-category h2 {
  border: 1px solid #289162;
  border-radius: 4px;
  background: #fafafa;
}

.product-category img {
  border-radius: 4px;
}

header.woocommerce-products-header .term-description {
  padding: 0px;
}

header.woocommerce-products-header {
  margin-bottom: 0em;
}


/* =========================================================
   10) Layout helpers / Containers
========================================================= */

/* Allow containers to show content that bleeds outside */
.site-content,
.content-area,
.container,
.col-full,
#primary,
.entry-content {
  overflow: visible;
}

/* Full-bleed helper for your 3-image group */
.ct-fullbleed {
  position: relative;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

/* Let the printing-methods section break out of the theme container */
body.page-slug-printing-methods .ct-fullbleed,
body.page-slug-printing-methods .wp-block-group.alignfull,
body.page-slug-printing-methods .wp-block-columns.alignfull {
  position: relative;
  width: 100vw !important;
  max-width: 100vw !important;
  left: 50%;
  right: 50%;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
}

/* Make sure parent containers don't clip the breakout */
body.page-slug-printing-methods .site-content,
body.page-slug-printing-methods .content-area,
body.page-slug-printing-methods .container,
body.page-slug-printing-methods .col-full,
body.page-slug-printing-methods #primary,
body.page-slug-printing-methods .entry-content {
  overflow: visible;
}

/* Methods — Custom class for 3-image block (currently disabled)
.wp-container-core-columns-is-layout-90cbef85 {
  width: 1250px;
}
*/


/* =========================================================
   11) Check list icons (GLOBAL) — Modern dot marker
========================================================= */

.entry-content ul.check-list,
.entry-content .check-list {
  list-style: none !important;
  margin: 1em 0;
  padding: 0;
}

.entry-content ul.check-list li::marker,
.entry-content .check-list li::marker {
  content: "" !important;
}

.entry-content ul.check-list li,
.entry-content .check-list li {
  position: relative;
  margin: 0.5em 0 0.5em 1.8em;
  line-height: 1.5;
}

/* NEW ICON: small modern dot */
.entry-content ul.check-list li::before,
.entry-content .check-list li::before {
  content: "";
  position: absolute;
  left: -1.35em;
  top: 0.75em; /* aligns dot with first text line */
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: var(--brand-highlight, #dd9933);
  transform: translateY(-50%);
  opacity: 0.95;
  transition: transform 0.18s ease, background-color 0.25s ease, opacity 0.25s ease;
}

.entry-content ul.check-list li:hover::before,
.entry-content .check-list li:hover::before {
  background: var(--brand-highlight, #dd9933);
  background: var(--brand-green, #408a65);
  transform: translateY(-50%) scale(1.15);
  opacity: 1;
}

.entry-content ul.check-list li ul,
.entry-content .check-list li ul {
  list-style: none !important;
  padding: 0;
}


/* =========================================================
   12) Product list & single product UI
========================================================= */

ul.products li.product .added_to_cart,
ul.products li.product .button {
  width: calc(100% - 30px);
  height: 30px;
  padding: 0;
  border-radius: 0;
  margin-top: 8px;
  line-height: 30px;
}

ul.products li.product .price {
  margin-bottom: 0;
}

.onsale {
  display: none;
}

/* merged duplicate rule (keeps the later line-height: 22px behavior) */
.cart .single_add_to_cart_button {
  float: left;
  width: calc(100% - 90px);
  height: 38px;
  border-radius: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}


/* =========================================================
   13) Swatches (CommerceGurus/CommerceKit)
========================================================= */

.cgkit-as-wrap .cgkit-attribute-swatches .cgkit-attribute-swatch.cgkit-image button {
  width: 60px;
  height: 60px;
  border: 1px solid #eee;
}


/* =========================================================
   14) Cart / Checkout (Woo Blocks)
========================================================= */

.is-large.wc-block-cart {
  padding: 26px;
  margin-top: 0;
}

.wc-block-cart-items__header {
  font-size: 1.75em !important;
  text-transform: uppercase;
}

.wc-block-cart__totals-title {
  font-size: 1.2em !important;
}

.wc-block-cart-item__total {
  font-size: 1.75em !important;
}

.cart-products {
  border-right: 1px solid grey !important;
  padding-right: 16px;
}

.ppcp-messages {
  display: none !important;
}


/* =========================================================
   15) Product meta / price / attributes / tabs / reviews
========================================================= */

.product .cart .quantity .input-text {
  width: 40px;
  height: 40px;
  border: 1px solid var(--brand-cream);
  background-color: var(--brand-green);
}

.product p.price {
  font-size: 24px;
  color: var(--brand-gold) !important;
}

.stock.in-stock {
  color: var(--brand-gold);
}

.product p.stock.in-stock:before {
  background: var(--brand-gold);
}

.product_meta .posted_in,
.product_meta .sku_wrapper,
.product_meta .posted_in a,
.product_meta .tagged_as a {
  color: var(--brand-gold);
}

.table.woocommerce-product-attributes {
  max-width: 800px;
}

table.woocommerce-product-attributes td,
table.woocommerce-product-attributes th {
  border-bottom: 1px solid #666;
  padding: 0.75rem 0;
}

table.woocommerce-product-attributes th {
  color: var(--brand-gold);
}

.woocommerce-tabs.wc-tabs-wrapper {
  border-top: 1px solid #666;
  background-color: var(--brand-dark);
}

.woocommerce-tabs .panel {
  padding: 0.5rem;
}

.woocommerce-tabs ul.tabs li.active a {
  color: var(--brand-gold);
}

.woocommerce-tabs ul.tabs li a {
  color: var(--brand-green);
}

.woocommerce-Reviews {
  background-color: var(--brand-gray);
  padding: 16px;
}

.woocommerce-product-details__short-description {
  font-size: 17px;
  padding: 16px;
}

.woocommerce-variation-price,
.woocommerce-variation-price .price .amount {
  display: none;
}

h1.woocommerce-products-header__title {
  margin-bottom: 0;
}

select.orderby {
  font-size: 16px;
}

.woocommerce-result-count {
  font-size: 16px;
}


/* =========================================================
   16) Mini cart / widgets / notices / account nav
========================================================= */

.shoptimizer-mini-cart-wrap .product_list_widget img {
  max-width: 105px;
  width: 105px;
}

.header-5 .shoptimizer-cart a.cart-contents {
  border: 1px solid var(--brand-cream);
}

/* merged duplicate background rule (keeps the later #25503A behavior) */
.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
  background-color: #25503A;
}

fieldset legend {
  color: var(--brand-gold);
  text-decoration: underline;
}

.woocommerce-MyAccount-navigation ul li a {
  color: var(--brand-gold);
}

.woocommerce-MyAccount-navigation li a:hover,
.woocommerce-MyAccount-navigation li.is-active a {
  color: #666;
}

form.checkout {
  padding-top: 0rem;
}


/* =========================================================
   17) Checkout — Order notes textarea match inputs (GLOBAL)
========================================================= */

body.woocommerce-checkout textarea#order_comments::placeholder {
  color: #888888;
}

body.woocommerce-checkout textarea#order_comments:focus {
  border-color: #408a65;
  outline: none;
  box-shadow: 0 0 0 2px rgba(64, 138, 101, 0.15);
}

.coupon-wrapper {
  border-top: 0px;
}

.woocommerce-form-coupon-toggle .woocommerce-info {
  padding: 16px;
}

.thumb-card.one-img:focus-visible {
  outline: 2px solid #1a73e8;
  outline-offset: 2px;
  border-radius: 10px;
}


/* =========================================================
   18) Desktop-only (layout/spacing only)
   IMPORTANT: no critical color rules here
========================================================= */

body.woocommerce-checkout form.checkout #customer_details,
body.woocommerce-checkout form.checkout #order_review {
  padding: 32px;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  color: #111111;
}

body.woocommerce-checkout form.checkout #customer_details h3,
body.woocommerce-checkout form.checkout #customer_details h4,
body.woocommerce-checkout form.checkout #order_review h3,
body.woocommerce-checkout form.checkout #order_review h4 {
  color: #111111;
}

body.woocommerce-checkout form.checkout #customer_details label,
body.woocommerce-checkout form.checkout #order_review label {
  color: #222222;
  font-weight: 500;
}

body.woocommerce-checkout form.checkout .required {
  color: #c40000;
}

body.woocommerce-checkout form.checkout #customer_details input,
body.woocommerce-checkout form.checkout #customer_details select,
body.woocommerce-checkout form.checkout #customer_details textarea,
body.woocommerce-checkout form.checkout #order_review input,
body.woocommerce-checkout form.checkout #order_review select,
body.woocommerce-checkout form.checkout #order_review textarea {
  color: #111111;
}

body.woocommerce-checkout form.checkout #order_review table,
body.woocommerce-checkout form.checkout #order_review th,
body.woocommerce-checkout form.checkout #order_review td {
  color: #111111;
}


/* Primary menu (top nav) link color */
.main-navigation ul.menu > li > a,
.main-navigation ul.nav-menu > li > a {
  color: #000 !important; /* change this */
}

/* Hover / active */
.main-navigation ul.menu > li > a:hover,
.main-navigation ul.menu > li.current-menu-item > a,
.main-navigation ul.menu > li.current_page_item > a {
  font-weight: 500;
}

.main-navigation ul.menu > li:not(.full-width) ul.sub-menu {
  width: 260px;
}

ul.products li.product.product-category {
  margin-bottom: 1rem;
}


/* =========================================================
   19) WooCommerce Accordion (Classic Tees)
========================================================= */


/* Each item becomes a clean card */
.wp-block-woocommerce-accordion-item {
  border: 1px solid #eee;
  border-radius: 8px;
  overflow: hidden !important; /* IMPORTANT: prevent bleed-through */
  margin: 0 0 16px 0;
}

/* The clickable header button */
.wp-block-woocommerce-accordion-item .accordion-item__togglep {
  width: 100%;
  display: flex;
  align-items: center;
  background: #f4f7f5;
  color: #333;
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 0.2px;
  padding-left: 26px;
  padding-right: 26px;
  border: 0;
  cursor: pointer;
  min-height: 0 !important; /* prevent “tall header” issues */
  line-height: 1.2 !important;
}

/* Accordion toggle icon: white icon in green circle (closed + open) */
.wp-block-woocommerce-accordion-item .accordion-item__toggle-icon {
  width: 22px !important;
  height: 22px !important;
  border-radius: 6px !important;
  background: #3bb54a;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 22px !important;

  color: #fff !important; /* for icon fonts */
}

/* =========================================================
   CRITICAL FIX:
   Closed panels must fully collapse (removes big empty space
   + stops images peeking through)
========================================================= */

.wp-block-woocommerce-accordion-item:not(.is-open) .wp-block-woocommerce-accordion-panel {
  display: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

.wp-block-woocommerce-accordion-item.is-open .wp-block-woocommerce-accordion-panel {
  display: block !important;
}

/* Panel content padding */
.wp-block-woocommerce-accordion-panel {
  padding: 18px 18px 22px 18px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  background: #fff;
}

/* Inside the panel: reduce "empty" feeling */
.wp-block-woocommerce-accordion-panel > *:first-child {
  margin-top: 0 !important;
}

.wp-block-woocommerce-accordion-panel > *:last-child {
  margin-bottom: 0 !important;
}

/* Make the image feel like a smaller “card” on the right */
.wp-block-woocommerce-accordion-panel img {
  max-width: 360px; /* adjust: 300–420 */
  width: 100%;
  height: auto;
  border-radius: 14px;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.12);
}

/* If your panel uses Columns, tighten column gap */
.wp-block-woocommerce-accordion-panel .wp-block-columns {
  gap: 22px !important;
  align-items: flex-start;
}

.wp-block-column.home-featured-turnaround {
  position: relative;
}

.wp-block-column.home-featured-turnaround::before {
  content: "";
  position: absolute;
  inset: 14px;
  background: url("https://classictees.us/wp-content/uploads/2025/07/event-turn-around-300x300.png") no-repeat 18px 18px;
  background-size: 110px auto;
  opacity: 0.12;
  pointer-events: none;
}

.wp-block-column.home-featured-turnaround > * {
  position: relative; /* keep text above watermark */
}

/* print-type-buttons (currently disabled)
.print-type-buttons {
  max-width: 260px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 260px;
}
*/

   footer.copyright .widget:last-child {
    text-align: center !important;
  }


/* =========================================================
   20) Responsive: Tablet down
========================================================= */

@media (max-width: 1024px) {
  .wp-block-buttons.print-type-buttons {
    max-width: 90% !important; /* <- adjust (240–420) */
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .wp-block-buttons.print-type-buttons .wp-block-button__link {
    font-size: 18px !important; /* adjust */
  }
}

@media (max-width: 992px) {
	
	  .wp-block-media-text__media img, .wp-block-media-text__media video {
    width: 98%;
	margin-left: auto;
	margin-right: auto;
  }
  /* ------------------------------------------------
     Buttons: Printing type buttons (print-type-buttons)
  ------------------------------------------------- */

  .wp-block-buttons.print-type-buttons .wp-block-button {
    width: 80% !important; /* Shoptimizer often forces 100% */
  }

  /* merged duplicate .wp-block-button__link rules */
  .wp-block-buttons.print-type-buttons .wp-block-button__link {
    width: 100% !important; /* fills the max-width container above */
    padding-left: 14px;
    padding-right: 14px;
    font-size: 16px !important; /* adjust */
  }

  /* Extra spacing between buttons (currently disabled)
  .wp-block-buttons.print-type-buttons .wp-block-button {
    margin-bottom: 14px !important;
  }

  .wp-block-buttons.print-type-buttons .wp-block-button:last-child {
    margin-bottom: 0 !important;
  }
  */

  /* ------------------------------------------------
     Gutenberg: Media & Text blocks (site-wide stacking)
  ------------------------------------------------- */

  .wp-block-media-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }

  .wp-block-media-text__media,
  .wp-block-media-text__content {
    width: 100% !important;
  }

/*  .wp-block-media-text__media img,
  .wp-block-media-text__media video {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid red;
    border-radius: 12px!important;
  }*/




  .wp-block-media-text__content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .wp-block-media-text.has-media-on-the-right {
    flex-direction: column !important;
  }

  /* ------------------------------------------------
     Media & Text: Icon blocks only (ct-icon-block)
  ------------------------------------------------- */

  .wp-block-media-text.ct-icon-block .wp-block-media-text__media img {
    max-width: 100px !important; /* adjust */
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
  }

  .wp-block-media-text.ct-icon-block .wp-block-media-text__media {
    text-align: center !important;
  }

  /* ------------------------------------------------
     WooCommerce Accordion (Classic Tees)
  ------------------------------------------------- */

  .wp-block-woocommerce-accordion {
    max-width: 860px;
  }

  .wp-block-woocommerce-accordion-item .accordion-item__toggle {
    font-size: 20px;
    padding: 16px 16px;
  }

  .wp-block-woocommerce-accordion-panel {
    padding: 16px 16px 18px 16px;
  }

  .wp-block-woocommerce-accordion-panel img {
    max-width: 320px;
  }

  /* ------------------------------------------------
     Product page: shrink main product image/gallery
  ------------------------------------------------- */

  #commercegurus-pdp-gallery-wrapper,
  #commercegurus-pdp-gallery,
  .woocommerce-product-gallery {
    width: 65% !important;
    max-width: 65% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #commercegurus-pdp-gallery img,
  .woocommerce-product-gallery img,
  img.pdp-img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
  }

  /* ------------------------------------------------
     Header / Navigation (tablet)
  ------------------------------------------------- */

  .col-full-nav {
    background-color: #ffffff !important;
  }

/*  .main-navigation ul.sub-menu {
    background-color: #fff !important;
  }

  .main-navigation ul.sub-menu li a {
    color: #000 !important;
    background-color: #fff !important;
    font-size: 0.9em;
    padding: 10px 14px;
  }

  .main-navigation ul.sub-menu li a:hover {
    background-color: #f1f1f1 !important;
    color: #000 !important;
  }

  .main-navigation ul.sub-menu li {
    border-bottom: 1px solid #ddd;
  }

  .main-navigation ul.sub-menu li:last-child {
    border-bottom: none;
  }

  /* ------------------------------------------------
     Checkout block spacing
  ------------------------------------------------- */

  .wp-block-woocommerce-checkout-order-summary-block
  .wc-block-components-checkout-order-summary__title {
    padding-left: 8px;
    padding-right: 8px;
  }

  /* ------------------------------------------------
     Misc: specific core columns layout container width
  ------------------------------------------------- */

  .wp-container-core-columns-is-layout-90cbef85 {
    width: 100%;
  }
  

  
}


/* =========================================================
   21) Responsive: Mobile only
========================================================= */

@media (max-width: 767px) {

  /* ---------------------------------------------
     Print-type buttons
  --------------------------------------------- */
  .wp-block-buttons.print-type-buttons .wp-block-button {
    width: 90% !important;
    margin-bottom: 36px;
  }

  /* ---------------------------------------------
     Media & Text: icon blocks only
  --------------------------------------------- */
  .wp-block-media-text.ct-icon-block .wp-block-media-text__media img {
    max-width: 60px !important; /* adjust */
    padding-top: 22px;
    margin-left: 0px !important;
  }

  /* ---------------------------------------------
     WooCommerce Accordion (mobile)
  --------------------------------------------- */
  .wp-block-woocommerce-accordion {
    padding-left: 12px;
    padding-right: 12px;
  }

  .wp-block-woocommerce-accordion-item .accordion-item__toggle {
    font-size: 18px;
    padding: 14px 14px;
  }

  .wp-block-woocommerce-accordion-item .accordion-item__toggle-icon {
    width: 40px !important;
    height: 40px !important;
    flex-basis: 40px;
  }

  /* Center accordion images on mobile */
  .wp-block-woocommerce-accordion-panel figure,
  .wp-block-woocommerce-accordion-panel .wp-block-image {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center;
  }

  .wp-block-woocommerce-accordion-panel img {
    max-width: 100%;
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Tighten list spacing (check-list) on mobile */
  .entry-content ul.check-list,
  .entry-content .check-list {
    margin: 0.5em 0 !important;
  }

  .entry-content ul.check-list li,
  .entry-content .check-list li {
    margin: 0.25em 0 0.25em 1.35em !important; /* tighter than desktop */
    line-height: 1.35 !important;
  }

  .entry-content ul.check-list li::before,
  .entry-content .check-list li::before {
    left: -1.05em;
    width: 6px;
    height: 6px;
    top: 0.72em;
  }

  /* ---------------------------------------------
     Product page: shrink main product image/gallery
  --------------------------------------------- */
  #commercegurus-pdp-gallery-wrapper,
  #commercegurus-pdp-gallery,
  .woocommerce-product-gallery {
    width: 70% !important;
    max-width: 70% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* ---------------------------------------------
     Cart/Checkout blocks
  --------------------------------------------- */
  body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {
    width: 90%;
  }

  .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .wc-block-components-form .wc-block-components-checkout-step {
    padding: 8px !important;
  }

  .wc-block-components-form .wc-block-checkout__order-notes.wc-block-components-checkout-step {
    padding-left: 16px !important;
  }

  .wc-block-checkout__form {
    padding: 16px;
  }

  /* ---------------------------------------------
     Shop loop alignment
  --------------------------------------------- */
  .woocommerce ul.products li.product {
    text-align: center;
  }

  .woocommerce ul.products li.product .button {
    display: block;
    margin: 0 auto !important;
    text-align: center;
  }

  /* ---------------------------------------------
     Headings
  --------------------------------------------- */
  .entry-title,
  .page-title,
  .site-main h1,
  h1 {
    font-size: 1.5rem !important;
    line-height: 1.2 !important;
  }

  /* ---------------------------------------------
     Category tiles
  --------------------------------------------- */
  .woocommerce .products .product-category {
    padding: 0.5rem !important;
  }

  .woocommerce .products .product-category a {
    display: block;
    text-align: center;
  }

  .woocommerce .products .product-category a img {
    width: 80% !important;
    max-width: 300px !important;
    height: auto !important;
    margin: 0 auto 1rem auto !important;
    display: block !important;
  }

  .woocommerce .products .product-category a .attachment-woocommerce_thumbnail,
  .woocommerce .products .product-category a .woocommerce-loop-category__thumbnail {
    max-width: 300px !important;
    margin: 0 auto;
  }

  /* ---------------------------------------------
     Contact Form 7
  --------------------------------------------- */
  .wpcf7 form .cf7-form input[type="submit"] {
    float: right;
    background: #264f3a;
    color: #fff !important;
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 6px 12px;
    line-height: 1.2;
    font-weight: 600;
    cursor: pointer;
  }

  .wpcf7 form .cf7-form input[type="submit"]:hover,
  .wpcf7 form .cf7-form input[type="submit"]:focus {
    background: rgba(255, 255, 255, 0.12);
  }

  .wpcf7 form .cf7-form hr {
    border: 0;
    border-top: 1px solid #eee;
    margin: 1rem 0;
  }

  .wpcf7 form .wpcf7-not-valid {
    border-color: #cc3b3b !important;
  }

  .wpcf7 form .wpcf7-not-valid-tip {
    color: #ff5a5a;
    font-size: 0.9rem;
  }

  .wpcf7 form .wpcf7-response-output {
    border-radius: 8px;
    color: #111;
    background: #fff;
  }

  /* ---------------------------------------------
     Full width hero images
  --------------------------------------------- */
  .full-width-hero img {
    display: block;
    width: 100%;
    max-width: 1530px;
    height: auto;
    margin-inline: auto;
  }

  /* center everything inside the footer widgets */
  footer.site-footer,
  footer.site-footer .widget,
  footer.site-footer .widget_block {
    text-align: center !important;
  }

  /* remove UL indentation and center the list */
  footer.site-footer ul {
    padding-left: 0 !important;
    margin-left: 0 !important;
    list-style-position: inside;
  }
  


}

@media (max-width: 420px) {
  .entry-title,
  .page-title,
  .site-main h1,
  h1 {
    font-size: 1.2rem !important;
    line-height: 1.1 !important;
  }	



}