.elementor-9580 .elementor-element.elementor-element-54cd128{--display:flex;}.elementor-9580 .elementor-element.elementor-element-54cd128:not(.elementor-motion-effects-element-type-background), .elementor-9580 .elementor-element.elementor-element-54cd128 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7d70bed );}.elementor-9580 .elementor-element.elementor-element-a18fd00{--display:flex;}.elementor-9580 .elementor-element.elementor-element-2b42244{text-align:center;}.elementor-9580 .elementor-element.elementor-element-2b42244 .elementor-heading-title{font-size:100px;color:var( --e-global-color-b1ce62c );}.elementor-9580 .elementor-element.elementor-element-b6f0ac5 .e-search-submit{background-color:var( --e-global-color-c414c5e );}.elementor-9580 .elementor-element.elementor-element-b6f0ac5{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;--e-search-submit-color:var( --e-global-color-cbf8364 );--e-search-submit-border-radius:14px 14px 14px 14px;}.elementor-9580 .elementor-element.elementor-element-b6f0ac5.elementor-element{--align-self:center;}.elementor-9580 .elementor-element.elementor-element-c1d85db{text-align:center;font-family:var( --e-global-typography-b9cdd61-font-family ), Sans-serif;font-weight:var( --e-global-typography-b9cdd61-font-weight );text-transform:var( --e-global-typography-b9cdd61-text-transform );letter-spacing:var( --e-global-typography-b9cdd61-letter-spacing );color:var( --e-global-color-cbf8364 );}.elementor-9580 .elementor-element.elementor-element-a53ffc6 > .elementor-widget-container{margin:60px 20px 20px 20px;padding:20px 20px 20px 20px;}.elementor-9580 .elementor-element.elementor-element-a53ffc6{text-align:start;}.elementor-9580 .elementor-element.elementor-element-a53ffc6 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:80px;font-weight:800;text-transform:uppercase;line-height:0.95px;letter-spacing:0px;color:var( --e-global-color-b1ce62c );}.elementor-9580 .elementor-element.elementor-element-00fb4f8 > .elementor-widget-container{border-style:none;}.elementor-9580 .elementor-element.elementor-element-00fb4f8.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-9580 .elementor-element.elementor-element-00fb4f8 a > img{border-style:none;border-radius:20px 20px 20px 20px;}.elementor-9580 .elementor-element.elementor-element-00fb4f8 .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-7d70bed );font-family:var( --e-global-typography-b9cdd61-font-family ), Sans-serif;font-weight:var( --e-global-typography-b9cdd61-font-weight );text-transform:var( --e-global-typography-b9cdd61-text-transform );letter-spacing:var( --e-global-typography-b9cdd61-letter-spacing );}.elementor-9580 .elementor-element.elementor-element-00fb4f8 .woocommerce-loop-category__title .count{color:var( --e-global-color-astglobalcolor0 );}.elementor-9580 .elementor-element.elementor-element-f853be1 > .elementor-widget-container{margin:60px 20px 20px 20px;padding:20px 20px 20px 20px;}.elementor-9580 .elementor-element.elementor-element-f853be1{text-align:start;}.elementor-9580 .elementor-element.elementor-element-f853be1 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:80px;font-weight:800;text-transform:uppercase;line-height:0.95px;letter-spacing:0px;color:var( --e-global-color-b1ce62c );}.elementor-9580 .elementor-element.elementor-element-e22782e.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-9580 .elementor-element.elementor-element-be97b41 > .elementor-widget-container{margin:60px 20px 20px 20px;padding:20px 20px 20px 20px;}.elementor-9580 .elementor-element.elementor-element-be97b41{text-align:start;}.elementor-9580 .elementor-element.elementor-element-be97b41 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:80px;font-weight:800;text-transform:uppercase;line-height:0.95px;letter-spacing:0px;color:var( --e-global-color-b1ce62c );}.elementor-9580 .elementor-element.elementor-element-e8d6a7c > .elementor-widget-container{border-style:none;}.elementor-9580 .elementor-element.elementor-element-e8d6a7c.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-9580 .elementor-element.elementor-element-e8d6a7c a > img{border-style:none;border-radius:20px 20px 20px 20px;}.elementor-9580 .elementor-element.elementor-element-e8d6a7c .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-7d70bed );font-family:var( --e-global-typography-b9cdd61-font-family ), Sans-serif;font-weight:var( --e-global-typography-b9cdd61-font-weight );text-transform:var( --e-global-typography-b9cdd61-text-transform );letter-spacing:var( --e-global-typography-b9cdd61-letter-spacing );}.elementor-9580 .elementor-element.elementor-element-e8d6a7c .woocommerce-loop-category__title .count{color:var( --e-global-color-astglobalcolor0 );}.elementor-9580 .elementor-element.elementor-element-370221c > .elementor-widget-container{margin:60px 20px 20px 20px;padding:20px 20px 20px 20px;}.elementor-9580 .elementor-element.elementor-element-370221c{text-align:start;}.elementor-9580 .elementor-element.elementor-element-370221c .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:80px;font-weight:800;text-transform:uppercase;line-height:0.95px;letter-spacing:0px;color:var( --e-global-color-b1ce62c );}.elementor-9580 .elementor-element.elementor-element-a1ba875 > .elementor-widget-container{border-style:none;}.elementor-9580 .elementor-element.elementor-element-a1ba875.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-9580 .elementor-element.elementor-element-a1ba875 a > img{border-style:none;border-radius:20px 20px 20px 20px;}.elementor-9580 .elementor-element.elementor-element-a1ba875 .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-7d70bed );font-family:var( --e-global-typography-b9cdd61-font-family ), Sans-serif;font-weight:var( --e-global-typography-b9cdd61-font-weight );text-transform:var( --e-global-typography-b9cdd61-text-transform );letter-spacing:var( --e-global-typography-b9cdd61-letter-spacing );}.elementor-9580 .elementor-element.elementor-element-a1ba875 .woocommerce-loop-category__title .count{color:var( --e-global-color-astglobalcolor0 );}.elementor-9580 .elementor-element.elementor-element-a61bed8 > .elementor-widget-container{margin:60px 20px 20px 20px;padding:20px 20px 20px 20px;}.elementor-9580 .elementor-element.elementor-element-a61bed8{text-align:start;}.elementor-9580 .elementor-element.elementor-element-a61bed8 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:80px;font-weight:800;text-transform:uppercase;line-height:0.95px;letter-spacing:0px;color:var( --e-global-color-b1ce62c );}.elementor-9580 .elementor-element.elementor-element-f68fab7 > .elementor-widget-container{border-style:none;}.elementor-9580 .elementor-element.elementor-element-f68fab7.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-9580 .elementor-element.elementor-element-f68fab7 a > img{border-style:none;border-radius:20px 20px 20px 20px;}.elementor-9580 .elementor-element.elementor-element-f68fab7 .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-7d70bed );font-family:var( --e-global-typography-b9cdd61-font-family ), Sans-serif;font-weight:var( --e-global-typography-b9cdd61-font-weight );text-transform:var( --e-global-typography-b9cdd61-text-transform );letter-spacing:var( --e-global-typography-b9cdd61-letter-spacing );}.elementor-9580 .elementor-element.elementor-element-f68fab7 .woocommerce-loop-category__title .count{color:var( --e-global-color-astglobalcolor0 );}.elementor-9580 .elementor-element.elementor-element-7bec993{text-align:center;}.elementor-9580 .elementor-element.elementor-element-7bec993 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-weight:700;color:var( --e-global-color-c414c5e );}.elementor-9580 .elementor-element.elementor-element-527eda1 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9580 .elementor-element.elementor-element-527eda1.elementor-element{--align-self:center;}.elementor-9580 .elementor-element.elementor-element-527eda1{text-align:center;}.elementor-9580 .elementor-element.elementor-element-527eda1 .elementor-heading-title{color:var( --e-global-color-b1ce62c );}@media(max-width:1024px){.elementor-9580 .elementor-element.elementor-element-c1d85db{letter-spacing:var( --e-global-typography-b9cdd61-letter-spacing );}.elementor-9580 .elementor-element.elementor-element-00fb4f8 .woocommerce .woocommerce-loop-category__title{letter-spacing:var( --e-global-typography-b9cdd61-letter-spacing );}.elementor-9580 .elementor-element.elementor-element-e8d6a7c .woocommerce .woocommerce-loop-category__title{letter-spacing:var( --e-global-typography-b9cdd61-letter-spacing );}.elementor-9580 .elementor-element.elementor-element-a1ba875 .woocommerce .woocommerce-loop-category__title{letter-spacing:var( --e-global-typography-b9cdd61-letter-spacing );}.elementor-9580 .elementor-element.elementor-element-f68fab7 .woocommerce .woocommerce-loop-category__title{letter-spacing:var( --e-global-typography-b9cdd61-letter-spacing );}}@media(max-width:767px){.elementor-9580 .elementor-element.elementor-element-c1d85db{letter-spacing:var( --e-global-typography-b9cdd61-letter-spacing );}.elementor-9580 .elementor-element.elementor-element-00fb4f8 .woocommerce .woocommerce-loop-category__title{letter-spacing:var( --e-global-typography-b9cdd61-letter-spacing );}.elementor-9580 .elementor-element.elementor-element-e8d6a7c .woocommerce .woocommerce-loop-category__title{letter-spacing:var( --e-global-typography-b9cdd61-letter-spacing );}.elementor-9580 .elementor-element.elementor-element-a1ba875 .woocommerce .woocommerce-loop-category__title{letter-spacing:var( --e-global-typography-b9cdd61-letter-spacing );}.elementor-9580 .elementor-element.elementor-element-f68fab7 .woocommerce .woocommerce-loop-category__title{letter-spacing:var( --e-global-typography-b9cdd61-letter-spacing );}}/* Start custom CSS for wc-categories, class: .elementor-element-00fb4f8 *//* ========================================================= TGG TACTICAL — CATEGORY VIEW BUTTONS ========================================================= */ /* Make room underneath each category card */ .elementor-9580 .elementor-element.elementor-element-00fb4f8 ul.products li.product-category { padding-bottom: 62px !important; } /* ========================================================= GENERATED "VIEW" BUTTON ========================================================= */ .elementor-9580 .elementor-element.elementor-element-00fb4f8 ul.products li.product-category > a::after { content: "VIEW" !important; position: absolute !important; top: calc(100% + 12px) !important; left: 50% !important; transform: translateX(-50%) !important; /* Button size */ min-width: 125px !important; min-height: 46px !important; padding: 0 26px !important; /* TGG COLORS */ background-color: #18bfd0 !important; color: #ffffff !important; border: 2px solid #001012 !important; border-radius: 12px !important; /* Center VIEW */ display: flex !important; align-items: center !important; justify-content: center !important; /* Typography */ font-size: 13px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: 1px !important; text-align: center !important; text-transform: uppercase !important; box-sizing: border-box !important; z-index: 20 !important; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25) !important; transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important; } /* ========================================================= VIEW BUTTON HOVER — TGG ORANGE ========================================================= */ .elementor-9580 .elementor-element.elementor-element-00fb4f8 ul.products li.product-category > a:hover::after { background-color: #ff9900 !important; color: #001012 !important; border-color: #001012 !important; transform: translateX(-50%) translateY(-2px) !important; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30) !important; } /* ========================================================= REAL ELEMENTOR / WOOCOMMERCE VIEW BUTTONS This catches buttons that aren't generated by ::after ========================================================= */ .elementor-9580 .elementor-element.elementor-element-00fb4f8 .elementor-button, .elementor-9580 .elementor-element.elementor-element-00fb4f8 .button, .elementor-9580 .elementor-element.elementor-element-00fb4f8 a.button { background-color: #18bfd0 !important; color: #ffffff !important; border: 2px solid #001012 !important; border-radius: 12px !important; min-height: 46px !important; padding: 0 26px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: 1px !important; text-transform: uppercase !important; transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease !important; } /* Real button hover */ .elementor-9580 .elementor-element.elementor-element-00fb4f8 .elementor-button:hover, .elementor-9580 .elementor-element.elementor-element-00fb4f8 .button:hover, .elementor-9580 .elementor-element.elementor-element-00fb4f8 a.button:hover { background-color: #ff9900 !important; color: #001012 !important; border-color: #001012 !important; transform: translateY(-2px) !important; } /* Keep Elementor button text centered */ .elementor-9580 .elementor-element.elementor-element-00fb4f8 .elementor-button-content-wrapper { display: flex !important; align-items: center !important; justify-content: center !important; } .elementor-9580 .elementor-element.elementor-element-00fb4f8 .elementor-button-text { line-height: 1 !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-9580 .elementor-element.elementor-element-00fb4f8 ul.products li.product-category { padding-bottom: 58px !important; } .elementor-9580 .elementor-element.elementor-element-00fb4f8 ul.products li.product-category > a::after { min-width: 115px !important; min-height: 44px !important; padding: 0 22px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-9580 .elementor-element.elementor-element-00fb4f8 ul.products li.product-category { padding-bottom: 56px !important; } .elementor-9580 .elementor-element.elementor-element-00fb4f8 ul.products li.product-category > a::after { min-width: 110px !important; min-height: 42px !important; padding: 0 18px !important; font-size: 12px !important; } }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-e22782e *//* ========================================================= TGG TACTICAL — CATEGORY VIEW BUTTONS ========================================================= */ /* Make room underneath each category card */ .elementor-9580 .elementor-element.elementor-element-e22782e ul.products li.product-category { padding-bottom: 62px !important; } /* ========================================================= GENERATED "VIEW" BUTTON ========================================================= */ .elementor-9580 .elementor-element.elementor-element-e22782e ul.products li.product-category > a::after { content: "VIEW" !important; position: absolute !important; top: calc(100% + 12px) !important; left: 50% !important; transform: translateX(-50%) !important; /* Button size */ min-width: 125px !important; min-height: 46px !important; padding: 0 26px !important; /* TGG COLORS */ background-color: #18bfd0 !important; color: #ffffff !important; border: 2px solid #001012 !important; border-radius: 12px !important; /* Center VIEW */ display: flex !important; align-items: center !important; justify-content: center !important; /* Typography */ font-size: 13px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: 1px !important; text-align: center !important; text-transform: uppercase !important; box-sizing: border-box !important; z-index: 20 !important; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25) !important; transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important; } /* ========================================================= VIEW BUTTON HOVER — TGG ORANGE ========================================================= */ .elementor-9580 .elementor-element.elementor-element-e22782e ul.products li.product-category > a:hover::after { background-color: #ff9900 !important; color: #001012 !important; border-color: #001012 !important; transform: translateX(-50%) translateY(-2px) !important; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30) !important; } /* ========================================================= REAL ELEMENTOR / WOOCOMMERCE VIEW BUTTONS This catches buttons that aren't generated by ::after ========================================================= */ .elementor-9580 .elementor-element.elementor-element-e22782e .elementor-button, .elementor-9580 .elementor-element.elementor-element-e22782e .button, .elementor-9580 .elementor-element.elementor-element-e22782e a.button { background-color: #18bfd0 !important; color: #ffffff !important; border: 2px solid #001012 !important; border-radius: 12px !important; min-height: 46px !important; padding: 0 26px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: 1px !important; text-transform: uppercase !important; transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease !important; } /* Real button hover */ .elementor-9580 .elementor-element.elementor-element-e22782e .elementor-button:hover, .elementor-9580 .elementor-element.elementor-element-e22782e .button:hover, .elementor-9580 .elementor-element.elementor-element-e22782e a.button:hover { background-color: #ff9900 !important; color: #001012 !important; border-color: #001012 !important; transform: translateY(-2px) !important; } /* Keep Elementor button text centered */ .elementor-9580 .elementor-element.elementor-element-e22782e .elementor-button-content-wrapper { display: flex !important; align-items: center !important; justify-content: center !important; } .elementor-9580 .elementor-element.elementor-element-e22782e .elementor-button-text { line-height: 1 !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-9580 .elementor-element.elementor-element-e22782e ul.products li.product-category { padding-bottom: 58px !important; } .elementor-9580 .elementor-element.elementor-element-e22782e ul.products li.product-category > a::after { min-width: 115px !important; min-height: 44px !important; padding: 0 22px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-9580 .elementor-element.elementor-element-e22782e ul.products li.product-category { padding-bottom: 56px !important; } .elementor-9580 .elementor-element.elementor-element-e22782e ul.products li.product-category > a::after { min-width: 110px !important; min-height: 42px !important; padding: 0 18px !important; font-size: 12px !important; } }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-e8d6a7c *//* ========================================================= TGG TACTICAL — CATEGORY VIEW BUTTONS ========================================================= */ /* Make room underneath each category card */ .elementor-9580 .elementor-element.elementor-element-e8d6a7c ul.products li.product-category { padding-bottom: 62px !important; } /* ========================================================= GENERATED "VIEW" BUTTON ========================================================= */ .elementor-9580 .elementor-element.elementor-element-e8d6a7c ul.products li.product-category > a::after { content: "VIEW" !important; position: absolute !important; top: calc(100% + 12px) !important; left: 50% !important; transform: translateX(-50%) !important; /* Button size */ min-width: 125px !important; min-height: 46px !important; padding: 0 26px !important; /* TGG COLORS */ background-color: #18bfd0 !important; color: #ffffff !important; border: 2px solid #001012 !important; border-radius: 12px !important; /* Center VIEW */ display: flex !important; align-items: center !important; justify-content: center !important; /* Typography */ font-size: 13px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: 1px !important; text-align: center !important; text-transform: uppercase !important; box-sizing: border-box !important; z-index: 20 !important; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25) !important; transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important; } /* ========================================================= VIEW BUTTON HOVER — TGG ORANGE ========================================================= */ .elementor-9580 .elementor-element.elementor-element-e8d6a7c ul.products li.product-category > a:hover::after { background-color: #ff9900 !important; color: #001012 !important; border-color: #001012 !important; transform: translateX(-50%) translateY(-2px) !important; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30) !important; } /* ========================================================= REAL ELEMENTOR / WOOCOMMERCE VIEW BUTTONS This catches buttons that aren't generated by ::after ========================================================= */ .elementor-9580 .elementor-element.elementor-element-e8d6a7c .elementor-button, .elementor-9580 .elementor-element.elementor-element-e8d6a7c .button, .elementor-9580 .elementor-element.elementor-element-e8d6a7c a.button { background-color: #18bfd0 !important; color: #ffffff !important; border: 2px solid #001012 !important; border-radius: 12px !important; min-height: 46px !important; padding: 0 26px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: 1px !important; text-transform: uppercase !important; transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease !important; } /* Real button hover */ .elementor-9580 .elementor-element.elementor-element-e8d6a7c .elementor-button:hover, .elementor-9580 .elementor-element.elementor-element-e8d6a7c .button:hover, .elementor-9580 .elementor-element.elementor-element-e8d6a7c a.button:hover { background-color: #ff9900 !important; color: #001012 !important; border-color: #001012 !important; transform: translateY(-2px) !important; } /* Keep Elementor button text centered */ .elementor-9580 .elementor-element.elementor-element-e8d6a7c .elementor-button-content-wrapper { display: flex !important; align-items: center !important; justify-content: center !important; } .elementor-9580 .elementor-element.elementor-element-e8d6a7c .elementor-button-text { line-height: 1 !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-9580 .elementor-element.elementor-element-e8d6a7c ul.products li.product-category { padding-bottom: 58px !important; } .elementor-9580 .elementor-element.elementor-element-e8d6a7c ul.products li.product-category > a::after { min-width: 115px !important; min-height: 44px !important; padding: 0 22px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-9580 .elementor-element.elementor-element-e8d6a7c ul.products li.product-category { padding-bottom: 56px !important; } .elementor-9580 .elementor-element.elementor-element-e8d6a7c ul.products li.product-category > a::after { min-width: 110px !important; min-height: 42px !important; padding: 0 18px !important; font-size: 12px !important; } }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-a1ba875 *//* ========================================================= TGG TACTICAL — CATEGORY VIEW BUTTONS ========================================================= */ /* Make room underneath each category card */ .elementor-9580 .elementor-element.elementor-element-a1ba875 ul.products li.product-category { padding-bottom: 62px !important; } /* ========================================================= GENERATED "VIEW" BUTTON ========================================================= */ .elementor-9580 .elementor-element.elementor-element-a1ba875 ul.products li.product-category > a::after { content: "VIEW" !important; position: absolute !important; top: calc(100% + 12px) !important; left: 50% !important; transform: translateX(-50%) !important; /* Button size */ min-width: 125px !important; min-height: 46px !important; padding: 0 26px !important; /* TGG COLORS */ background-color: #18bfd0 !important; color: #ffffff !important; border: 2px solid #001012 !important; border-radius: 12px !important; /* Center VIEW */ display: flex !important; align-items: center !important; justify-content: center !important; /* Typography */ font-size: 13px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: 1px !important; text-align: center !important; text-transform: uppercase !important; box-sizing: border-box !important; z-index: 20 !important; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25) !important; transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important; } /* ========================================================= VIEW BUTTON HOVER — TGG ORANGE ========================================================= */ .elementor-9580 .elementor-element.elementor-element-a1ba875 ul.products li.product-category > a:hover::after { background-color: #ff9900 !important; color: #001012 !important; border-color: #001012 !important; transform: translateX(-50%) translateY(-2px) !important; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30) !important; } /* ========================================================= REAL ELEMENTOR / WOOCOMMERCE VIEW BUTTONS This catches buttons that aren't generated by ::after ========================================================= */ .elementor-9580 .elementor-element.elementor-element-a1ba875 .elementor-button, .elementor-9580 .elementor-element.elementor-element-a1ba875 .button, .elementor-9580 .elementor-element.elementor-element-a1ba875 a.button { background-color: #18bfd0 !important; color: #ffffff !important; border: 2px solid #001012 !important; border-radius: 12px !important; min-height: 46px !important; padding: 0 26px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: 1px !important; text-transform: uppercase !important; transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease !important; } /* Real button hover */ .elementor-9580 .elementor-element.elementor-element-a1ba875 .elementor-button:hover, .elementor-9580 .elementor-element.elementor-element-a1ba875 .button:hover, .elementor-9580 .elementor-element.elementor-element-a1ba875 a.button:hover { background-color: #ff9900 !important; color: #001012 !important; border-color: #001012 !important; transform: translateY(-2px) !important; } /* Keep Elementor button text centered */ .elementor-9580 .elementor-element.elementor-element-a1ba875 .elementor-button-content-wrapper { display: flex !important; align-items: center !important; justify-content: center !important; } .elementor-9580 .elementor-element.elementor-element-a1ba875 .elementor-button-text { line-height: 1 !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-9580 .elementor-element.elementor-element-a1ba875 ul.products li.product-category { padding-bottom: 58px !important; } .elementor-9580 .elementor-element.elementor-element-a1ba875 ul.products li.product-category > a::after { min-width: 115px !important; min-height: 44px !important; padding: 0 22px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-9580 .elementor-element.elementor-element-a1ba875 ul.products li.product-category { padding-bottom: 56px !important; } .elementor-9580 .elementor-element.elementor-element-a1ba875 ul.products li.product-category > a::after { min-width: 110px !important; min-height: 42px !important; padding: 0 18px !important; font-size: 12px !important; } }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f68fab7 *//* ========================================================= TGG TACTICAL — CATEGORY VIEW BUTTONS ========================================================= */ /* Make room underneath each category card */ .elementor-9580 .elementor-element.elementor-element-f68fab7 ul.products li.product-category { padding-bottom: 62px !important; } /* ========================================================= GENERATED "VIEW" BUTTON ========================================================= */ .elementor-9580 .elementor-element.elementor-element-f68fab7 ul.products li.product-category > a::after { content: "VIEW" !important; position: absolute !important; top: calc(100% + 12px) !important; left: 50% !important; transform: translateX(-50%) !important; /* Button size */ min-width: 125px !important; min-height: 46px !important; padding: 0 26px !important; /* TGG COLORS */ background-color: #18bfd0 !important; color: #ffffff !important; border: 2px solid #001012 !important; border-radius: 12px !important; /* Center VIEW */ display: flex !important; align-items: center !important; justify-content: center !important; /* Typography */ font-size: 13px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: 1px !important; text-align: center !important; text-transform: uppercase !important; box-sizing: border-box !important; z-index: 20 !important; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25) !important; transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important; } /* ========================================================= VIEW BUTTON HOVER — TGG ORANGE ========================================================= */ .elementor-9580 .elementor-element.elementor-element-f68fab7 ul.products li.product-category > a:hover::after { background-color: #ff9900 !important; color: #001012 !important; border-color: #001012 !important; transform: translateX(-50%) translateY(-2px) !important; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30) !important; } /* ========================================================= REAL ELEMENTOR / WOOCOMMERCE VIEW BUTTONS This catches buttons that aren't generated by ::after ========================================================= */ .elementor-9580 .elementor-element.elementor-element-f68fab7 .elementor-button, .elementor-9580 .elementor-element.elementor-element-f68fab7 .button, .elementor-9580 .elementor-element.elementor-element-f68fab7 a.button { background-color: #18bfd0 !important; color: #ffffff !important; border: 2px solid #001012 !important; border-radius: 12px !important; min-height: 46px !important; padding: 0 26px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: 1px !important; text-transform: uppercase !important; transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease !important; } /* Real button hover */ .elementor-9580 .elementor-element.elementor-element-f68fab7 .elementor-button:hover, .elementor-9580 .elementor-element.elementor-element-f68fab7 .button:hover, .elementor-9580 .elementor-element.elementor-element-f68fab7 a.button:hover { background-color: #ff9900 !important; color: #001012 !important; border-color: #001012 !important; transform: translateY(-2px) !important; } /* Keep Elementor button text centered */ .elementor-9580 .elementor-element.elementor-element-f68fab7 .elementor-button-content-wrapper { display: flex !important; align-items: center !important; justify-content: center !important; } .elementor-9580 .elementor-element.elementor-element-f68fab7 .elementor-button-text { line-height: 1 !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-9580 .elementor-element.elementor-element-f68fab7 ul.products li.product-category { padding-bottom: 58px !important; } .elementor-9580 .elementor-element.elementor-element-f68fab7 ul.products li.product-category > a::after { min-width: 115px !important; min-height: 44px !important; padding: 0 22px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-9580 .elementor-element.elementor-element-f68fab7 ul.products li.product-category { padding-bottom: 56px !important; } .elementor-9580 .elementor-element.elementor-element-f68fab7 ul.products li.product-category > a::after { min-width: 110px !important; min-height: 42px !important; padding: 0 18px !important; font-size: 12px !important; } }/* End custom CSS */