@font-face {
font-weight: normal;
font-style: normal;
font-family: "woodmart-font";
src: url(//customshirt.ie/wp-content/themes/woodmart/fonts/woodmart-font-3-400.woff2?v=8.4.1) format("woff2");
}
:root {
--wd-text-font: "Manrope", Arial, Helvetica, sans-serif;
--wd-text-font-weight: 500;
--wd-text-color: rgb(72,72,72);
--wd-text-font-size: 16px;
--wd-title-font: "Syne", Arial, Helvetica, sans-serif;
--wd-title-font-weight: 700;
--wd-title-color: #242424;
--wd-entities-title-font: "Syne", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight: 700;
--wd-entities-title-color: #333333;
--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
--wd-alternative-font: "Manrope", Arial, Helvetica, sans-serif;
--wd-widget-title-font: "Syne", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight: 700;
--wd-widget-title-transform: capitalize;
--wd-widget-title-color: #333;
--wd-widget-title-font-size: 16px;
--wd-header-el-font: "Manrope", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight: 800;
--wd-header-el-transform: uppercase;
--wd-header-el-font-size: 14px;
--wd-otl-style: dotted;
--wd-otl-width: 2px;
--wd-primary-color: rgb(28,28,28);
--wd-alternative-color: #fbbc34;
--btn-default-bgcolor: #f7f7f7;
--btn-default-bgcolor-hover: rgb(0,132,61);
--btn-accented-bgcolor: rgb(0,132,61);
--btn-accented-bgcolor-hover: rgb(0,114,68);
--wd-form-brd-width: 1px;
--notices-success-bg: rgb(0,132,61);
--notices-success-color: #fff;
--notices-warning-bg: #E0B252;
--notices-warning-color: #fff;
--wd-link-color: #333333;
--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
background-color: #111111;
background-image: none;
background-repeat: no-repeat;
background-size: contain;
background-position: left center;
}
.wd-promo-popup-wrap {
--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
max-height: 400px;
}
.wd-page-title .wd-page-title-bg img {
object-fit: cover;
object-position: center center;
}
.wd-footer {
background-color: rgb(248,248,248);
background-image: none;
}
html .wd-dropdown-menu.wd-design-sized .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-full-width .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu > li > a, html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title, html .product.wd-cat .wd-entities-title, html .product.wd-cat.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .wd-cat:first-child .wd-entities-title {
text-transform: capitalize;
}
html .wd-dropdown-cats .wd-nav.wd-nav-vertical > li > a {
font-size: 16px;
text-transform: capitalize;
}
html .wd-checkout-steps li {
text-transform: capitalize;
}
.page :is(.wd-page-content, .whb-header) {
background-color: rgb(248,248,248);
background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
background-color: rgb(248,248,248);
background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
background-color: rgb(248,248,248);
background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
background-color: rgb(248,248,248);
background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
background-color: rgb(248,248,248);
background-image: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
--wd-form-brd-color: rgb(51,51,51);
--wd-form-brd-color-focus: rgb(51,51,51);
}
.product-labels .product-label.onsale {
background-color: rgb(28,28,28);
}
.mfp-wrap.wd-popup-quick-view-wrap {
--wd-popup-width: 920px;
}
.woocommerce-product-gallery.thumbs-position-left {
--wd-thumbs-height: 563px;
}
:root{
--wd-container-w: 1320px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 12px;
}
@media (min-width: 1320px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}
.wd-page-title {
background-color: rgb(238,238,238);
}
.lumise-button span {
padding: 5px 14px;
min-height: 36px !important;
font-size: 12px;
}
.wd-add-btn-replace>a.lumise-button:before {  content: var(--wd-btn-icon, unset);
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
font-weight: 400;
font-size: 20px;
transition: opacity .15s ease, transform .25s ease;
transform: translateY(100%);
font-family: "woodmart-font";
}
body .woocommerce .products .product .lumise-list-button, body.woocommerce .products .product .lumise-list-button {
border-radius: var(--btn-accented-brd-radius);
color: var(--btn-accented-color);
box-shadow: var(--btn-accented-box-shadow);
background-color: var(--btn-accented-bgcolor);
text-transform: var(--btn-accented-transform, var(--btn-transform, uppercase));
font-weight: var(--btn-accented-font-weight, var(--btn-font-weight, 600));
font-family: var(--btn-accented-font-family, var(--btn-font-family, inherit));
font-style: var(--btn-accented-font-style, var(--btn-font-style, unset));
min-height: unset;
display: inline-block;
line-height: initial;;
width: auto;
padding: initial;
border-radius: initial;
margin: initial;
}
:is(.lumise-button) {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 5px;
outline: none;
border-radius: var(--btn-brd-radius, 0px);
vertical-align: middle;
text-align: center;
text-decoration: none !important;
text-shadow: none;
line-height: 1.2;
cursor: pointer;
transition: all .25s ease;
color: var(--btn-color, #3E3E3E);
border: var(--btn-brd-width, 0px) var(--btn-brd-style, solid) var(--btn-brd-color, #E9E9E9);
background-color: var(--btn-bgcolor, #F3F3F3);
box-shadow: var(--btn-box-shadow, unset);
text-transform: var(--btn-transform, uppercase);
font-weight: var(--btn-font-weight, 600);
font-family: var(--btn-font-family, inherit);
font-style: var(--btn-font-style, unset);
padding: var(--btn-padding, 5px 20px);
min-height: var(--btn-height, 42px);
font-size: var(--btn-font-size, 13px);
}
li.variation-Colors .item-variation-value p span {
display: inline-block;
border-radius: 10px;
padding: 2px 5px !important;
}
li.variation-BulkDiscount .item-variation-value p strong {
font-weight: 600;
text-transform: uppercase;
}
li.variation-BulkDiscount .item-variation-name {
font-size: 0;
}
li.variation-BulkDiscount .item-variation-name::after {
content: "Size Breakdown:";
font-size: 14px;
display: inline-block;
}
li[class="variation-"]:not(:has(.lumise-edit-design)) {
display: none;
}
li[class="variation-"]:has(.lumise-edit-design) .item-variation-name {
display: none;
}
.woocommerce a.lumise-edit-design,
.lumise-edit-design.button {
position: relative;
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 5px;
outline: none;
vertical-align: middle;
text-align: center;
text-decoration: none !important;
text-shadow: none;
line-height: 1.2;
cursor: pointer;
transition: all .25s ease;
border: var(--btn-brd-width, 0px) var(--btn-brd-style, solid) var(--btn-brd-color, #E9E9E9);
padding: var(--btn-padding, 5px 18px);
min-height: var(--btn-height, 28px);
font-size: var(--btn-font-size, 13px);
border-radius: var(--btn-accented-brd-radius);
color: var(--btn-accented-color) !important;
box-shadow: var(--btn-accented-box-shadow);
background-color: var(--btn-accented-bgcolor) !important;;
text-transform: var(--btn-accented-transform, var(--btn-transform, uppercase));
font-weight: var(--btn-accented-font-weight, var(--btn-font-weight, 600));
font-family: var(--btn-accented-font-family, var(--btn-font-family, inherit));
font-style: var(--btn-accented-font-style, var(--btn-font-style, unset));
}
.woocommerce-cart-form a.lumise-edit-design.button:hover,
.woocommerce-cart-form a.lumise-edit-design.button:focus {
color: var(--btn-accented-color-hover) !important;
background-color: var(--btn-accented-bgcolor-hover) !important;
box-shadow: var(--btn-accented-box-shadow-hover) !important;
outline: none !important;
}
.wd-cat-image.category-image {
padding: 5px
}
.product-categories li.cat-item-19 {
display: none !important;
}
.wd-builder-off :is(.woocommerce-thankyou-order-received,.woocommerce-thankyou-order-failed) {
color: var(--btn-accented-bgcolor);
border: 2px dashed var(--btn-accented-bgcolor);
}
.home-slider h2{
font-family: var(--wd-text-font);
font-weight: 500;
font-size: 18px;
}
.csb-banner *, .csb-banner *::before, .csb-banner *::after  {
box-sizing: border-box;
} html { scroll-behavior: smooth; }
#create { scroll-margin-top: 100px; }
.csb-banner *, .csb-banner *::before, .csb-banner *::after { box-sizing: border-box; }
.csb-banner {
position: relative;
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
background: #f6f3ec;
overflow: hidden;
font-family: 'Syne', sans-serif;
color: #14110b;
padding-bottom: 38px;
min-height: 540px;
}
.csb-banner::before {
content:''; position:absolute; inset:0; pointer-events:none;
background:
radial-gradient(48% 60% at 86% 38%, rgba(255,170,70,.55), transparent 62%),
radial-gradient(34% 44% at 78% 22%, rgba(176,124,255,.42), transparent 65%),
radial-gradient(40% 50% at 14% 75%, rgba(46,196,108,.18), transparent 65%),
radial-gradient(60% 70% at 96% 92%, rgba(255,140,40,.30), transparent 60%);
animation: csbDrift 18s ease-in-out infinite alternate; z-index: 0;
}
@keyframes csbDrift { 0%{transform:translate(0,0) scale(1);} 100%{transform:translate(-2%,1.5%) scale(1.05);} }
.csb-banner::after {
content:''; position:absolute; inset:0; pointer-events:none;
background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.35)); z-index: 1;
}
.csb-inner {
position: relative; z-index: 3;
max-width: 1320px; margin: 0 auto; min-height: 540px;
display: grid; grid-template-columns: .9fr 1.8fr .9fr;
align-items: center; padding: 0 24px;
}
.csb-col { padding: 0 28px; display: flex; flex-direction: column; gap: 16px; }
.csb-center { padding: 0; height: 100%; display: grid !important; place-items: center; }
.csb-right { align-items: flex-end; text-align: right; }
.csb-eyebrow {
font-family: Roboto, Arial, Helvetica, sans-serif;
display: inline-flex; align-items: center; gap: 10px;
font-size: 11px; letter-spacing: .26em; text-transform: uppercase;
color: #2b2418; font-weight: 700;
padding: 8px 14px; border-radius: 999px;
background: rgba(255,255,255,.8); border: 1px solid rgba(40,30,15,.12);
backdrop-filter: blur(8px); align-self: flex-start;
opacity: 0; transform: translateY(8px);
animation: csbEbIn .7s cubic-bezier(.2,.7,.2,1) .15s forwards;
}
.csb-right .csb-eyebrow { align-self: flex-end; animation-delay: .35s; }
@keyframes csbEbIn { to { opacity:1; transform: translateY(0); } }
.csb-dot { width: 6px; height: 6px; border-radius: 50%; background: #16a34a; box-shadow: 0 0 0 4px rgba(22,163,74,.18); animation: csbPulse 1.8s ease-in-out infinite; }
.csb-right .csb-dot { background: #ea7a08; box-shadow: 0 0 0 4px rgba(234,122,8,.2); }
@keyframes csbPulse { 50% { box-shadow: 0 0 0 8px rgba(22,163,74,.04); } }
.csb-h1 { margin: 0; font-size: clamp(40px, 4.2vw, 60px); line-height: .92; letter-spacing: -.03em; font-weight: 700; color: #14110b; }
.csb-accent-l, .csb-accent-l .csb-rev-i {
background: linear-gradient(90deg, #15803d, #2dd47a);
-webkit-background-clip: text; background-clip: text;
-webkit-text-fill-color: transparent; color: transparent;
}
.csb-accent-r, .csb-accent-r .csb-rev-i {
background: linear-gradient(90deg, #c2410c, #ffb24a);
-webkit-background-clip: text; background-clip: text;
-webkit-text-fill-color: transparent; color: transparent;
}
.csb-banner .csb-h1-link,
.csb-banner .csb-h1-link:visited,
.csb-banner .csb-h1-link:hover,
.csb-banner .csb-h1-link:focus {
color: inherit !important;
text-decoration: none !important;
-webkit-text-decoration: none !important;
display: inline-block;
cursor: pointer;
transition: opacity .25s ease;
}
.csb-banner .csb-h1-link:hover { opacity: .82; }
.csb-banner .csb-h1-link .csb-h1 { margin: 0; }
.csb-rule { width: 64px; height: 3px; background: #14110b; margin: 6px 0 4px; transform-origin: left; transform: scaleX(0); animation: csbRule .9s cubic-bezier(.2,.7,.2,1) .55s forwards; border-radius: 2px; }
.csb-rule-r { transform-origin: right; animation-delay: .75s; }
@keyframes csbRule { to { transform: scaleX(1); } }
.csb-p { font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 15px; color: #4a4334; margin: 0 0 6px; max-width: 280px; font-weight: 500; line-height: 1.5; }
.csb-right .csb-p { margin-left: auto; }
.csb-rev-w { display: inline-block; overflow: hidden; vertical-align: top; padding: .18em .04em .12em; margin: -.18em -.04em -.12em; line-height: inherit; }
.csb-rev-i { display: inline-block; transform: translateY(110%); animation: csbRev .9s cubic-bezier(.2,.7,.2,1) forwards; }
@keyframes csbRev { to { transform: translateY(0); } } .csb-banner .csb-btn-wrap { display: inline-block; align-self: flex-start; margin-top: 10px; line-height: 0; }
.csb-banner .csb-btn-wrap-r { align-self: flex-end; }
.csb-banner .csb-btn {
--c: #16a34a;
position: relative; display: inline-flex !important; align-items: stretch;
background: var(--c) !important; color: #fff !important;
border-radius: 999px !important; cursor: pointer; user-select: none; overflow: hidden;
font-weight: 700 !important; font-size: 14px; letter-spacing: .14em; text-transform: uppercase;
font-family: Roboto, Arial, Helvetica, sans-serif;
box-shadow: 0 16px 32px -10px color-mix(in oklab, var(--c) 60%, transparent), inset 0 1px 0 rgba(255,255,255,.35);
transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s, background-color .35s;
text-decoration: none !important; -webkit-text-decoration: none !important;
border: 0 !important; outline: none !important;
}
.csb-banner .csb-btn-r { --c: #ea7a08; }
.csb-banner .csb-btn:visited,
.csb-banner .csb-btn:focus,
.csb-banner .csb-btn:active,
.csb-banner .csb-btn:hover { color: #fff !important; text-decoration: none !important; background: var(--c) !important; }
.csb-banner .csb-btn-label { padding: 26px 14px 26px 28px; position: relative; z-index: 2; color: #fff !important; }
.csb-banner .csb-btn-icon { width: 56px; display: grid; place-items: center; background: rgba(0,0,0,.14); transition: width .35s cubic-bezier(.2,.7,.2,1), background .35s; position: relative; z-index: 2; color: #fff !important; }
.csb-banner .csb-btn-icon svg { transition: transform .35s cubic-bezier(.2,.7,.2,1); stroke: #fff !important; }
.csb-banner .csb-btn::before { content:''; position:absolute; inset:0; background: linear-gradient(110deg, transparent 30%, rgba(255,255,255,.35) 50%, transparent 70%); transform: translateX(-110%); transition: transform .9s ease; z-index: 1; pointer-events: none; }
.csb-banner .csb-btn-wrap:hover .csb-btn { transform: translateY(-3px) !important; }
.csb-banner .csb-btn-wrap:hover .csb-btn::before { transform: translateX(110%); }
.csb-banner .csb-btn-wrap:hover .csb-btn-icon { width: 72px; background: rgba(0,0,0,.22); }
.csb-banner .csb-btn-wrap:hover .csb-btn-icon svg { transform: translateX(4px); } .csb-banner .csb-product {
width: 122% !important; max-width: 720px !important;
filter: drop-shadow(0 30px 50px rgba(40,20,5,.18));
animation: csbFloat 7s ease-in-out infinite;
position: relative; z-index: 2; pointer-events: none;
}
@keyframes csbFloat { 0%,100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-10px) rotate(.4deg); } }
.csb-banner .csb-halo { position: absolute; left: 50%; top: 50%; width: 78%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(closest-side, rgba(255,255,255,.55), rgba(255,255,255,0) 70%); transform: translate(-50%,-50%); z-index: 1; animation: csbHalo 6s ease-in-out infinite alternate; pointer-events: none; }
@keyframes csbHalo { from { transform: translate(-50%,-50%) scale(.95); opacity:.65; } to { transform: translate(-50%,-50%) scale(1.05); opacity:1; } } .csb-ticker { position: absolute; bottom: 0; left: 0; right: 0; height: 38px; background: rgba(20,17,11,.92); color: rgba(255,255,255,.65); overflow: hidden; display: flex; align-items: center; font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: .25em; text-transform: uppercase; font-weight: 600; z-index: 4; }
.csb-ticker-track { display: flex; white-space: nowrap; animation: csbScroll 80s linear infinite; will-change: transform; }
.csb-ticker-half { display: inline-flex; align-items: center; gap: 48px; padding-right: 48px; flex-shrink: 0; }
@keyframes csbScroll { to { transform: translateX(-50%); } }
.csb-tdot { color: #ffb24a; } @media (max-width: 1024px) {
.csb-banner .csb-inner { grid-template-columns: 1fr 1fr; padding: 48px 32px 60px; min-height: 0; gap: 24px; }
.csb-banner .csb-center,
.csb-banner .csb-product,
.csb-banner .csb-halo { display: none !important; }
.csb-banner .csb-h1 { font-size: 56px; }
.csb-banner .csb-col { padding: 0; gap: 14px; }
.csb-banner .csb-left { align-items: flex-start; text-align: left; }
.csb-banner .csb-right { align-items: flex-end; text-align: right; }
.csb-banner .csb-right .csb-eyebrow,
.csb-banner .csb-right .csb-btn-wrap { align-self: flex-end; }
.csb-banner .csb-right .csb-p { margin-left: auto; }
} @media (max-width: 768px) {
.csb-banner { padding-bottom: 44px; }
.csb-banner .csb-inner { grid-template-columns: 1fr; padding: 36px 20px 60px; gap: 28px; }
.csb-banner .csb-eyebrow { display: none !important; }
.csb-banner .csb-col,
.csb-banner .csb-left,
.csb-banner .csb-right { padding: 0; gap: 14px; align-items: center !important; text-align: center !important; }
.csb-banner .csb-rule,
.csb-banner .csb-rule-l,
.csb-banner .csb-rule-r { align-self: center; transform-origin: center; }
.csb-banner .csb-p,
.csb-banner .csb-right .csb-p { text-align: center !important; margin: 0 auto !important; max-width: 100%; }
.csb-banner .csb-btn-wrap,
.csb-banner .csb-btn-wrap-l,
.csb-banner .csb-btn-wrap-r { align-self: center !important; }
.csb-banner .csb-h1 { font-size: 56px; text-align: center; }
.csb-banner .csb-h1-link { display: block; text-align: center; }
}