/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.7.1775706991
Updated: 2026-04-09 13:56:31

*/

.tartan-btn a {
    background-image: /* Wide green bands horizontal */ repeating-linear-gradient(0deg, transparent, transparent 6px, rgba(27, 94, 46, 0.7) 6px, rgba(27, 94, 46, 0.7) 12px, transparent 12px, transparent 20px, rgba(27, 94, 46, 0.5) 20px, rgba(27, 94, 46, 0.5) 24px, transparent 24px, transparent 32px), /* Wide green bands vertical */ repeating-linear-gradient(90deg, transparent, transparent 6px, rgba(27, 94, 46, 0.7) 6px, rgba(27, 94, 46, 0.7) 12px, transparent 12px, transparent 20px, rgba(27, 94, 46, 0.5) 20px, rgba(27, 94, 46, 0.5) 24px, transparent 24px, transparent 32px), /* White thread horizontal */ repeating-linear-gradient(0deg, transparent, transparent 9px, rgba(255, 255, 255, 0.12) 9px, rgba(255, 255, 255, 0.12) 10px, transparent 10px, transparent 32px), /* White thread vertical */ repeating-linear-gradient(90deg, transparent, transparent 9px, rgba(255, 255, 255, 0.12) 9px, rgba(255, 255, 255, 0.12) 10px, transparent 10px, transparent 32px) !important;
    box-shadow: 0 4px 16px #F44336, inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

.tartan-ribbon {
    height: 18px;
    width: 100%;
    background-color: #9d1d1d;
    background-image: repeating-linear-gradient(90deg, transparent, transparent 10px, rgba(10, 42, 94, 0.8) 10px, rgba(10, 42, 94, 0.8) 18px, transparent 18px, transparent 30px, rgba(27, 62, 31, 0.7) 30px, rgba(27, 62, 31, 0.7) 36px, transparent 36px, transparent 46px), repeating-linear-gradient(90deg, transparent, transparent 14px, rgba(255, 255, 255, 0.15) 14px, rgba(255, 255, 255, 0.15) 16px, transparent 16px, transparent 46px);
    display: block;
}

.tartan-ribbon-two {
    position: relative;
}

.tartan-ribbon-two:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 120px;
    height: 6px;
    border-radius: 3px;
    background: repeating-linear-gradient(90deg, #9d1d1d 0px, #9d1d1d 12px, #0a2a5e 12px, #0a2a5e 24px, #1B3A1F 24px, #1B3A1F 36px, #FFA000 36px, #FFA000 48px);
}

p.price a {
    background-color: var(--e-global-color-primary);
    color: #fff;
    padding: 10px 20px;
    border-radius: 30px;
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.page-id-31 span.price-on-request , .post-type-archive-product span.price-on-request, .archive span.price-on-request, .search span.price-on-request {
    display: block;
	color: var( --e-global-color-09952b7 );
}

/* ── MARQUEE BAND ── */
.marquee-band {
  background: #8b1a1a;
  padding: 12px 0;
  overflow: hidden;
  border-top: 2px solid #c9972a;
  border-bottom: 2px solid #c9972a;
}

.marquee-track {
  display: flex;
  gap: 0;
  white-space: nowrap;
  animation: marquee 30s linear infinite;
}

.marquee-item {
  padding: 0 2.5rem;
  font-family: 'Raleway', sans-serif;
  font-size: 0.7rem;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(245, 240, 232, 0.9);
  display: inline-flex;
  align-items: center;
  gap: 1.5rem;
}

.marquee-item::after {
  content: '✦';
  color: #e8b84b;
  font-size: 0.5rem;
}

@keyframes marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}