/* Create two fixed vertical lines directly via CSS pseudo-elements */
body::before,
body::after {
    content: "";
    position: fixed;
    top: 0;
    height: 100vh;
    width: 1px;
    background-color: #008c57;
    z-index: 9999;
    pointer-events: none;
}

/* First line: 1/3 of the viewport width */
body::before {
    left: 33.33%;
}

/* Second line: 2/3 of the viewport width */
body::after {
    left: 66.66%;
}

/* Turn OFF the lines on WooCommerce pages */
body.woocommerce::before,
body.woocommerce::after,
body.woocommerce-page::before,
body.woocommerce-page::after,
body.woocommerce-cart::before,
body.woocommerce-cart::after,
body.woocommerce-checkout::before,
body.woocommerce-checkout::after {
    content: none !important;
    display: none !important;
}

/* Hide the vertical guide lines on small screens */
@media (max-width: 768px) {
    body::before,
    body::after {
        content: none !important;
        display: none !important;
    }
    
    /* Add centered vertical line on mobile */
    body::before {
        content: "" !important;
        display: block !important;
        left: 50% !important;
        transform: translateX(-0.5px);
        z-index: -1 !important;
    }
}




/* Disable bold text */
strong, b {
  font-weight: normal !important;
}

/* Disable italic text */
em, i {
  font-style: normal !important;
}

/* Custom CSS for mix-blend-mode */
#timezone-wrapper-left {
  margin: 0;
  text-align: left;
}
#current-date-time {
  margin: 0;
  padding: 0;
}
#timezone-wrapper-left div {
  margin: 0;
  padding: 0;
}

._frontpage_thumbnail_grid {
  background-color: #f9f9f9;
  padding: 15px;
}

._front_scroller {
  cursor: pointer;
  position: relative;
}
._front_scroller a {
  pointer-events: none;
}
._front_scroller::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

._no_click {
  pointer-events: none;
  user-select: none;
}
._no_click img {
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
}

._green_border,
._green_background {
  position: relative;
  padding: 15px;
  padding-bottom: 20px;
  box-sizing: border-box;
  background-size: cover;
  background-position: center;
  color: #000;
}

._green_border::before,
._green_background::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(230, 245, 238, 0.6);
  z-index: 1;
}

._green_border > *,
._green_background > * {
  position: relative;
  z-index: 2;
}

._green_border {
  border: 15px solid rgba(230, 245, 238, 0.6);
  border-bottom-width: 20px;
}

.lay-projectindex-row>a {
  font-size: 1px;
}

.woocommerce div.product .product_title {
  font-size: -3px;
}

.product_title.entry-title {
  font-size: 13px;
  color: #008c57;
  font-weight: normal;
  text-decoration: underline;
}

.wc-gzd-additional-info {
  color: #008c57;
  font-size: 13px;
  font-weight: bold;
}

.price {
  font-weight: bold;
}

.lay-woocommerce-big-buttons.single-product .lay-woocommerce-qty-wrap .lay-woocommerce-minus-qty-button,
.lay-woocommerce-big-buttons.single-product .lay-woocommerce-qty-wrap .lay-woocommerce-plus-qty-button {
  border-color: #008c57;
  color: #008c57;
}

#quantity_6827467a1af06.input-text.qty.text {
  border-color: #008c57;
}

.lay-woocommerce-minus-qty-button {
  color: #008c57;
}

.lay-woocommerce-product-tab {
  padding-top: 20px;
}

.wc-gzd-additional-info.wc-gzd-additional-info-loop.tax-info,
.wc-gzd-additional-info.wc-gzd-additional-info-loop.shipping-costs-info {
  display: none;
}

/* Removed old fixed split-screen layout rules.
   Restore natural flow for grid and footer-region. */

body>.lay-content #grid,
body>.lay-content #footer-region {
  position: static;
  width: 100%;
  height: auto;
  overflow: visible;
}

/* Ensure WooCommerce pages have a full white background */
body.woocommerce:not(.post-type-archive-product),
body.woocommerce-page:not(.post-type-archive-product) {
  background-color: white;
  overflow: auto;
}

/* Normal layout for WooCommerce pages */
body.woocommerce,
body.woocommerce-page {
  background-color: white;
  overflow: auto;
}
body.woocommerce .lay-content,
body.woocommerce-page .lay-content {
  display: block;
  width: 100%;
  position: static;
}
body.woocommerce .woocommerce,
body.woocommerce-page .woocommerce {
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
  background-color: white;
}

/* Hide the footer on checkout pages */
body.woocommerce-checkout #footer-region {
  display: none !important;
}
body.woocommerce-checkout .lay-content {
  display: block;
  width: 100%;
  position: static;
}

bdi {
  font-style: normal;
}

._Default_no_spaces.lay-woocommerce-product-thumbnail-price {
  font-style: normal;
  text-decoration: underline;
  font-weight: bold;
}

.wc-gzd-additional-info.tax-info,
.wc-gzd-additional-info.shipping-costs-info {
  display: none;
}

/* CAROUSEL BORDER WITH MARGIN */

.lay-carousel-wrap {
  position: relative;
  border: none; /* no border all around */
  margin-bottom: 25px; /* pushes next content down */
}

.lay-carousel-wrap::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0.5px; /* thin green line */
  background-color: #008C57;
  bottom: -10px; /* places the line 10px below the carousel */
}


/* MOBILE WIDTH EXPERIMENT */


@media (max-width: 768px) {
  /* Left and right main columns */
  .home-left,
  .home-right {
    box-sizing: border-box;
    max-width: 50vw;   /* each at most half the viewport */
    min-width: 0;      /* let them shrink, don't force overflow */
    /* if sticky inside one column breaks, comment out the next line */
    overflow-x: hidden;
  }

  /* Media inside the columns cannot overflow horizontally */
  .home-left img,
  .home-right img,
  .home-left video,
  .home-right video,
  .home-left iframe,
  .home-right iframe {
    max-width: 100%;
    height: auto;
    display: block;
  }

  /* Long text won't stretch the column wider than the viewport */
  .home-left,
  .home-right {
    overflow-wrap: break-word;
    word-wrap: break-word;
  }
}