.carousel .hestia-title{font-size:67px}.carousel span.sub-title{font-size:18px}@media (max-width:768px){.carousel .hestia-title,h1.hestia-title{font-size:36px}.page-header.header-small .hestia-title,.page-header.header-small .title{font-size:26px}}h2.hestia-title,h2.title{font-size:37px}@media (max-width:768px){h2.hestia-title,h2.title{font-size:24px}}.woocommerce .exclusive-products h2,.woocommerce .related.products h2,.woocommerce div.product .product_title{font-size:32px}@media (max-width:768px){.woocommerce .exclusive-products h2,.woocommerce .related.products h2,.woocommerce div.product .product_title{font-size:24px}}#comments .hestia-title,.subscribe-line h3.hestia-title,.woocommerce .comment-reply-title,.woocommerce-cart .blog-post h1.hestia-title,.woocommerce-checkout .blog-post h1.hestia-title{font-size:27px}h5.description,h5.subscribe-description{font-size:18px}.subscribe-line .description{font-size:14px}.woocommerce-cart .blog-post h1.hestia-title,.woocommerce-checkout .blog-post h1.hestia-title{font-size:27px}.hestia-work .card-title,.woocommerce .cart-collaterals h2,.woocommerce .cross-sells h2,.woocommerce-checkout .blog-post .section form.woocommerce-checkout h3:not(#ship-to-different-address),.woocommerce.single-product .summary .price{font-size:23px}.footer .widget h5,.hestia-info h4.info-title,h4.card-title,section.contactus h4.hestia-title{font-size:18px}.archive .card-blog .card-title,.blog .card-blog .card-title,.blog .hestia-blog-featured-card .card-title{font-size:25px}h6.category{font-size:12px}.card-description,.woocommerce .product .card-product .card-description p,.woocommerce.single-product .woocommerce-product-details__short-description,section.pricing p.text-gray{font-size:14px}.hestia-features .hestia-info p{font-size:16px}.hestia-title.title-in-content,.page-content-wrap h1,.single-post-wrap h1,h1{font-size:42px}@media (max-width:768px){.hestia-title.title-in-content{font-size:36px}}.page-content-wrap h2,.single-post-wrap h2,h2{font-size:37px}.page-content-wrap h3,.single-post-wrap h3,h3{font-size:32px}.page-content-wrap h4,.single-post-wrap h4,h4{font-size:27px}.page-content-wrap h5,.single-post-wrap h5,h5{font-size:23px}.page-content-wrap h6,.single-post-wrap h6,h6{font-size:18px}@media (max-width:768px){.page-content-wrap h1,.page-template-template-fullwidth article h1,.single-post-wrap h1,h1{font-size:30px}.page-content-wrap h2,.page-template-template-fullwidth article h2,.single-post-wrap h2,h2{font-size:28px}.page-content-wrap h3,.page-template-template-fullwidth article h3,.single-post-wrap h3,h3{font-size:24px}.page-content-wrap h4,.page-template-template-fullwidth article h4,.single-post-wrap h4,h4{font-size:22px}.page-content-wrap h5,.page-template-template-fullwidth article h5,.single-post-wrap h5,h5{font-size:20px}.page-content-wrap h6,.page-template-template-fullwidth article h6,.single-post-wrap h6,h6{font-size:18px}}.page-content-wrap,.page-content-wrap dl,.page-content-wrap ol,.page-content-wrap table,.page-content-wrap ul,.page-template-template-fullwidth article,.page-template-template-fullwidth article dl,.page-template-template-fullwidth article ol,.page-template-template-fullwidth article table,.page-template-template-fullwidth article ul,.single-post-wrap,.single-post-wrap dl,.single-post-wrap ol,.single-post-wrap table,.single-post-wrap ul{font-size:18px}@media (max-width:768px){.page-content-wrap,.page-content-wrap dl,.page-content-wrap ol,.page-content-wrap table,.page-content-wrap ul,.page-template-template-fullwidth article,.page-template-template-fullwidth article dl,.page-template-template-fullwidth article ol,.page-template-template-fullwidth article table,.page-template-template-fullwidth article ul,.single-post-wrap,.single-post-wrap dl,.single-post-wrap ol,.single-post-wrap table,.single-post-wrap ul{font-size:16px}}body{font-size:14px}.navbar a{font-size:12px}:root { --color-primary: #0f1e3c; --color-primary-dark: #070d1b; --color-primary-light: #3f5fbf;  --button-accent: #e32636; --button-accent-hover: #b31c28;  --color-background: #fefcfb; --color-background-alt: #f2f2f2; --color-surface: #ffffff;  --color-text: #333; --color-text-light: #ffffff;  --color-border: #e5e7eb; --color-secondary: #d0d7ff; --color-secondary-hover: #aebef9;  --color-error: #d32f2f; --color-warning: #ffc107; --color-success: #4ade80; }
nav a {
font-weight: 700 !important;
}
#particles-js {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: -1; pointer-events: none;  background: radial-gradient(ellipse at top left,
#f7f7f7 0%, #ffffff 100%);
}
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li.active > a {
color: white !important;
} .navbar.navbar-not-transparent {
background: linear-gradient(
to right,
rgba(63, 95, 191, 0.5), rgba(227, 38, 54, 0.5) );
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px); transition: all 0.3s ease;
color: white !important;
}
@media (max-width: 768px) {
.navbar-collapse.collapse.in {
display: block !important;
max-height: none !important;
} .navbar .navbar-nav > li > a{
color: var(--color-text) !important;
} .navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li.active > a{
color: var(--color-text) !important;
}
}
.hestia-toggle-search {
color: white !important;
}
.hestia-nav-search {
color: white !important;
}
.btn-primary {
font-weight: bold;
}
.btn-primary:hover {
background-color: var(--button-accent); box-shadow: 0 4px 12px var(--button-accent) !important;
} .hero-section {
position: relative;
min-height: 70vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: var(--color-text-light); overflow: hidden;
background-image: url(//livewirefireworks.com/wp-content/uploads/images/image copy.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
} .hero-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background: linear-gradient(
to right,
rgba(20, 35, 80, 0.7),
rgba(100, 10, 20, 0.7)
);
} .hero-section.about-hero {
min-height: 45vh;
}
.hero-content {
position: relative;
z-index: 2;
padding: 110px 2rem 2rem 2rem;
max-width: 800px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center; justify-content: center; text-align: center;
}
.hero-content h1 {
font-size: 7rem;
}
.hero-content p {
font-size: 4rem;
margin-bottom: 1rem;
}
.features-section {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
padding: 2rem 1rem;
text-align: center;
position: relative;
z-index: 2;
margin-top: 2rem;
}
.feature {
max-width: 280px;
margin: 1rem;
}
.feature h2 {
font-size: 1.5rem;
margin-bottom: 0.5rem;
font-weight: 500;
}
.feature p {
font-size: 1.5rem;
} @media (max-width: 1024px) {
.hero-overlay {
position: absolute; inset: 0; background: linear-gradient(
to bottom, rgba(20,35,80,.7),
rgba(100,10,20,.7)
);
} .hero-section{
min-height: auto; overflow: visible; } .hero-content{
padding: 90px 1.5rem 1.5rem;
} .hero-content h1{
font-size: 4rem;
}
.hero-content p{
font-size: 2rem;
} .features-section{
flex-direction: row;
flex-wrap: wrap;
gap: 1.5rem;
}
.feature{
flex: 1 1 45%; max-width: none;
}
} @media (max-width: 640px){
.hero-overlay {
position: absolute; inset: 0;
background: linear-gradient(
to bottom,
rgba(20,35,80,.7),
rgba(100,10,20,.7)
);
} .hero-section{
min-height: auto; overflow: visible; }
.hero-content{
padding: 80px 1rem 1.5rem;
}
.hero-content h1{
font-size: 4rem;
}
.hero-content p{
font-size: 2rem;
}
.features-section{
flex-direction: column; align-items: center;
}
.feature{
flex: none;
width: 100%;
max-width: 320px;
margin: 0 auto 1.25rem;
}
} .hero-countdown{
display:flex;
flex-wrap:wrap; justify-content:center;
gap:15px;
margin-top:0; background:rgba(0,0,0,.25);
backdrop-filter:blur(6px);
padding:12px 28px;
border-radius:48px;
}
.hero-countdown div{
display:flex;
flex-direction:column;
align-items:center;
min-width:68px; }
.hero-countdown span{
font-size:2.4rem;
font-weight:700;
line-height:1; background:linear-gradient(45deg,#e73636,#3f5fc1 60%);
-webkit-background-clip:text;
color:transparent;
animation:shift 8s linear infinite;
}
.hero-countdown small{
font-size:.65rem;
text-transform:uppercase;
letter-spacing:1px;
color:#fff;
opacity:.9;
}
.hero-countdown > small{ width:100%; margin-top:0;
font-size:.65rem;
font-weight:600;
text-align:center;
color:#fff;
} @keyframes shift{
0%{background-position:0 0;}
100%{background-position:200% 0;}
} @media(max-width:600px){
.hero-countdown{
gap:18px;
padding:10px 18px;
font-size:90%;
}
}
.services-section {
background: #f9f9f9;
padding: 0 1rem;
text-align: center;
}
.services-wrapper {
max-width: 1200px;
margin: 0 auto;
padding: 0 1.5rem;
}
.services-section h2 {
font-size: 4rem;
font-weight: 500;
margin-bottom: 3rem;
} .service-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
grid-auto-rows:1fr; gap:clamp(1.5rem,2vw,2rem);
margin-bottom:30px;
} @media (max-width:1024px){
.service-grid{grid-template-columns:repeat(2,1fr);}
} @media (max-width:640px){ .service-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
} .service-card{min-width:0;}
}
.service-card {
display: flex; flex-direction: column;
justify-content: space-between; padding: clamp(1.5rem, 2.5vw, 2rem);
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0,0,0,0.06);
transition: transform .3s, box-shadow .3s;
background: none; }
.service-card h3 {
font-size: clamp(1.25rem, 1.2vw + 1rem, 1.5rem);
margin-bottom: .5rem;
color: var(--button-accent);
}
.service-card p {
font-size: clamp(1rem, 1vw + .75rem, 1.25rem);
line-height: 1.5;
color: #333;
margin: 0; } .service-card:hover {
transform: translateY(-6px) scale(1.02);
box-shadow: 0 10px 24px var(--button-accent-hover);
} .shop-pagination ul{
margin:40px 0 0;
padding:0;
list-style:none;
display:flex;
justify-content:center;
gap:12px;
} .shop-pagination li{margin:0;} .shop-pagination a,
.shop-pagination span{
display:inline-block;
padding:6px 18px;
font-weight:600;
border:1px solid var(--color-text, #0f1f2e);
border-radius:8px;
background:#fff;
color:var(--color-text, #0f1f2e);
text-decoration:none;
transition:.2s ease;
}
.shop-pagination .current{
background: var(--color-primary); border-color:var(--color-primary-light);
color:#fff;
pointer-events:none;
} .shop-pagination a:hover{
background:var(--button-accent-hover); border-color:var(--button-accent);
color:#fff;
}
@media screen and (max-width: 600px) {
.shop-pagination a,
.shop-pagination span {
padding: 4px 12px;
font-size: 13px;
border-radius: 6px;
}
.shop-pagination ul {
text-align: center;
gap: 8px;
margin-top: 24px;
}
}
.slide-alert {
position: fixed;
top: -120px;
left: 50%;
transform: translateX(-50%);
padding: 18px 36px;
max-width: 90%;
width: fit-content;
font-weight: 600;
font-size: 1.3rem;
border-radius: 12px;
z-index: 9999;
color: #fff;
box-shadow: 0 8px 24px rgba(0,0,0,0.3);
transition: top 0.5s ease, opacity 0.5s ease; backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
} .slide-alert.success {
background: rgba(40, 167, 69, 0.3); } .slide-alert.error {
background: rgba(220, 53, 69, 0.3); }
.slide-alert.show {
top: 40px;
}
.slide-alert.show {
top: 40px; }
.payment-types {
text-align: center;
margin: 30px 0  0;
color: var(--color-text);
opacity: 0.8;
font-size: 2rem;
}
.payment-icons {
margin-top: 0.4rem;
font-size: 3rem;
display: flex;
justify-content: center;
gap: 1rem;
background: var(--color-primary-light); -webkit-background-clip: text;
-webkit-text-fill-color: transparent;
} .brand-bar{
padding:2.5rem 1rem;
}  .brand-grid{
list-style: none;
margin: 0 auto;
padding: 0;
max-width: 1200px; display: grid;
grid-template-columns: repeat(3, 1fr); gap: 2rem;
justify-items: center; text-align: center;
}
.brand-item{
display: flex;
flex-direction: column;
align-items: center;
gap: .85rem;
} .brand-grid img,
.brand-grid i{
height: 100px; width: auto;
max-width: 100%;
} .brand-grid span{
font-size: 1rem;
font-weight: 600;
text-decoration: underline;
text-underline-offset: 3px;
} @media (max-width: 768px){
.brand-grid{
grid-template-columns: repeat(2, 1fr); }
} @media (max-width: 480px){
.brand-grid{
grid-template-columns: repeat(2, 1fr);
}
}
.locations-container {
display: flex;
max-width: 1200px;
margin: 0 auto;
gap: 2rem;
align-items: center;
flex-wrap: nowrap; } .locations-text {
width: 40%;
min-width: 280px;
}
.locations-text h2 {
font-size: 4rem;
font-weight: 500;
margin-bottom: 2rem;
color: var(--color-text);
}
.location-entry {
margin-bottom: 2rem;
}
.location-entry h3 {
font-size: 1.5rem;
color: var(--button-accent);
margin-bottom: 0.5rem;
}
.location-entry a {
color: var(--color-primary-light);
font-weight: 600;
text-decoration: none;
}
.location-entry a:hover {
text-decoration: underline;
} .locations-map {
width: 60%;
display: flex;
justify-content: center;
align-items: center;
}
.locations-map img {
width: 100%;
height: auto;
max-height: 100%;
object-fit: contain;
display: block;
}
.mobile-only {
display: none;
}
.desktop-only {
display: block;
} @media (max-width: 640px) {
.mobile-only {
display: block;
margin-bottom: 1.5rem;
}
.desktop-only {
display: none;
}
} @media (max-width: 1024px) {
.locations-container{
flex-direction: row;
gap: 2rem;
}
.locations-text{
width: 50%; padding-right: 1.5rem;
}
.locations-map{
width: 50%;
}
} @media (max-width: 640px) {
.locations-container{
flex-direction: column; gap: 1.5rem;
padding: 0 1rem;
} .locations-text,
.location-entry,
.locations-text h2{
text-align: center;
}
.locations-text,
.locations-map{
width: 100%; }
.location-entry{
margin-bottom: 1.25rem;
}
.locations-map img{
max-width: 100%;
height: auto;
}
}  .journey-section {
padding: 4rem 1rem;
}
.journey-title {
text-align: center;
font-size: 4rem;
font-weight: 500;
margin-bottom: 4rem;
color: var(--color-text);
}
.journey-wrapper {
position: relative;
max-width: 1100px;
margin: 0 auto;
} .journey-track {
display: flex;
overflow-x: auto; scroll-behavior: smooth;
padding: 30px;
} .journey-slide{
flex:0 0 100%;
display:flex;
justify-content:center;
align-items:center;
padding: 0 3rem 40px 3rem;
} .journey-card{
width:100%;
max-width:520px;
min-height: 250px;
padding:2.5rem 2rem;
border-radius:16px;
background:rgba(255,255,255,0.10); backdrop-filter:blur(8px); box-shadow:0 8px 28px rgba(0,0,0,0.25);
color:var(--color-text-light);
transition:transform .35s, box-shadow .35s;
} .journey-card h3{
font-size:1.9rem;
margin-bottom:.75rem;
color:var(--button-accent);
}
.journey-card p{
font-size:1.5rem;
line-height:1.6;
color: var(--color-text);
} .journey-slide.active .journey-card{
transform:translateY(-6px) scale(1.02);
box-shadow:0 12px 40px rgba(0,0,0,0.35);
}
.slide-content {
align-self: center;
max-width: 520px;
}
.slide-content h3 {
font-size: 1.8rem;
margin-bottom: .8rem;
color: var(--button-accent);
}
.slide-content p {
line-height: 1.6;
font-size: 1.4rem;
} .journey-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: none;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.3rem;
cursor: pointer;
transition: background .2s;
transition: box-shadow 0.3s ease;
border-radius: 50px;
}
.journey-nav:hover {
background: transparent; box-shadow: 0 4px 12px var(--button-accent-hover); }
.journey-nav.prev {
right: 88px;
color: var(--color-text);
}
.journey-nav.next {
right: 24px;
color: var(--color-text);
} .journey-tabs {
display: flex;
justify-content: space-between;
margin-top: 2rem;
border-top: 1px solid #ddd;
padding-top: .75rem;
}
.journey-tabs li {
flex: 1;
text-align: center;
font-size: 1.2rem;
cursor: pointer;
color: #666;
transition: color .2s;
} .journey-controls {
margin: 24px 0 16px; display: flex;
justify-content: center; gap: 40px; } .journey-controls .journey-nav {
position: static; top: auto;
right: auto;
transform: none; width: 44px;
height: 44px;
border-radius: 50%;
background: none;
font-size: 1.3rem;
cursor: pointer;
transition: background 0.25s, color 0.25s;
} .journey-controls .journey-nav:hover {
color: #fff;
} @media (max-width: 600px) {
.journey-track { padding: 20px; }
.journey-controls { gap: 24px; }
}
.journey-tabs li.active {
color: var(--button-accent);
font-weight: 600;
}
.journey-tabs li:hover {
color: #000;
}  @media (max-width: 1024px) { .journey-title{
margin-bottom: 3rem;
} .journey-slide{
padding: 3rem 2rem;
}
.journey-card{
max-width: 460px;
padding: 2rem 1.5rem;
}
.journey-card h3{font-size: 1.6rem;}
.journey-card p{font-size: 1.25rem;} .journey-tabs{
overflow-x: auto;
white-space: nowrap;
border-top: none;
padding-top: 0;
margin-top: 1.5rem;
gap: .75rem;
justify-content: flex-start;
padding-left: 0;
}
.journey-tabs li{
display: inline-block;
flex: none;
font-size: 1.1rem;
padding: .25rem .5rem;
}
} @media (max-width: 640px) {
.journey-title{
margin-bottom: 2.5rem;
} .journey-slide{
padding: 2.5rem 1rem;
}
.journey-card{
max-width: 100%;
padding: 1.75rem 1.25rem;
}
.journey-card h3{font-size: 1.4rem;}
.journey-card p{font-size: 1.05rem;} .journey-nav{
width: 36px;
height: 36px;
font-size: 1rem;
top: 65%; }
.journey-nav.prev{ right: 72px; }
.journey-nav.next{ right: 24px; } .journey-tabs{
overflow-x: auto;
white-space: nowrap;
border-top: none;
padding-top: 0;
margin-top: 1.5rem;
gap: .75rem;
justify-content: flex-start;
padding-left: 0;
}
.journey-tabs li{
display: inline-block;
flex: none;
font-size: .95rem;
padding: .25rem .5rem;
}
}
.about-wrapper {
max-width: 900px;
margin: 0 auto;
padding: 0 1.5rem;
text-align: center;
} .about-wrapper h2 {
font-size: 4rem;
margin-bottom: 2rem;
font-weight: 500;
}
.large{
font-size: 4rem;
margin-bottom: 2rem;
font-weight: 700;
} .about-wrapper p {
font-size: 1.5rem;
line-height: 1.8;
margin-bottom: 1.5rem;
max-width: 750px;
margin-left: auto;
margin-right: auto;
}
.contact-inner {
display: grid;
grid-template-columns:minmax(0, 400px) 1fr; gap: 60px;
max-width: 1100px;
margin: 0 auto;
align-items: start;
} .contact-info small {
text-transform: uppercase;
font-size: 2rem;
letter-spacing: 1.6px;
font-weight: 600;
color: var(--button-accent);
display: block;
margin-bottom: .65rem;
}
.contact-info .lead {
font-size: 1.3rem;
line-height: 1.55;
margin-bottom: 1.75rem;
}
.contact-list {
list-style: none;
padding: 0;
margin: 0 0 2rem 0;
display: flex;
flex-direction: column;
gap: 2rem;
}
.contact-list li {
font-size: 1rem;
line-height: 1.6;
}
.contact-list strong {
display: block;
font-size: 1.05rem;
font-weight: 700;
margin-bottom: 0.5rem;
color: var(--color-primary-light);
} .contact-list .line {
display: flex;
align-items: flex-start;
gap: 0.5rem;
margin-bottom: 0.3rem;
}
.contact-list .line i {
color: var(--button-accent);
font-size: 1rem;
line-height: 1.4;
padding-top: 0.15rem; width: 1rem;
text-align: center;
}
.contact-list a {
color: var(--color-primary-light);
text-decoration: none;
font-weight: 600;
white-space: nowrap;
}
.contact-list a:hover {
text-decoration: underline;
} .email {
display: flex;
align-items: center;
gap: 0.5rem;
font-size: 0.95rem;
font-weight: 600;
margin-top: 1.25rem;
}
.email i {
color: var(--button-accent);
}
.email a {
color: var(--color-text);
text-decoration: none;
}
.email a:hover {
text-decoration: underline;
} .contact-form {
display: flex;
flex-direction: column;
gap: 22px;
}
.form-group {
display: flex;
flex-direction: column;
gap: 6px;
}
.contact-form label {
font-weight: 600;
font-size: .9rem;
}
.contact-form input,
.contact-form textarea {
padding: 14px 18px;
border: 1px solid var(--color-border);
border-radius: 8px;
font-family: inherit;
font-size: 1rem;
}
.contact-form input:focus,
.contact-form textarea:focus {
outline: none;
border-color: var(--color-primary);
box-shadow: 0 0 0 2px rgba(0, 144, 96, .15);
} .contact-form .btn-primary {
align-self: flex-start;
padding: .9rem 2.4rem;
} .sort-tabs{
display:flex; justify-content:center; gap:1.5rem; margin:2rem 0 3rem;
}
.sort-tabs a{
padding:.4rem 1rem; font-weight:600; border-radius:40px;
background:linear-gradient(90deg,#be2c3c,#3f5fbf);
-webkit-background-clip:text; -webkit-text-fill-color:transparent;
transition:opacity .25s;
}
.sort-tabs a:hover{ opacity:.75; }
.sort-tabs a.active{
background:none; color:var(--button-accent); border:2px solid var(--button-accent);
} @media (max-width: 820px) {
.contact-inner {
grid-template-columns:1fr;
gap: 50px;
}
.contact-form .btn-primary {
align-self: stretch;
text-align: center;
}
}
.mpd-footer {
background: linear-gradient(
to right,
rgba(63, 95, 191, 0.5), rgba(227, 38, 54, 0.5) );
color: #ffffff;
padding: 2rem 1rem 1rem 1rem;
font-size: 0.95rem;
border-top: 1px solid var(--color-border);
}
.mpd-footer-inner {
max-width: 1200px;
margin: 0 auto;
}
.footer-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 2rem;
text-align: center;
}
.footer-col {
flex: 1 1 300px;
font-size: 1.3rem;
}
.contact-col a,
.info-col a {
color: var(--primary);
text-decoration: none;
display: block;
margin: 2px 0;
}
.contact-col i,
.info-col i {
color: var(--button-accent-hover);
}
.business-name {
font-weight: 700;
font-size: 1.5rem;
margin-bottom: 0.3rem;
}
.mpd-social-icons {
display: flex;
justify-content: center;
gap: 1rem;
margin-top: 0.5rem;
}
.mpd-social-icons a {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
color: var(--color-primary-light);
font-size: 18px;
transition: all 0.3s ease;
}
.mpd-social-icons a:hover {
border-color: var(--primary);
color: var(--primary);
}
.features-light {
background: #f9f9f9;
color: var(--primary);
margin: 0;
}
.features-light .feature p {
color: #333;
}
.team-photos {
display: flex;
justify-content: center;
gap: 2rem;
margin-top: 2rem;
flex-wrap: wrap;
}
.team-photos img {
width: 250px;
height: auto;
border-radius: 12px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
object-fit: cover;
} .hero-section.services-hero {
min-height: 45vh; background: url(//livewirefireworks.com/wp-content/uploads/2025/04/image4.jpeg) center center / cover no-repeat;
}
.project-gallery-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin-top: 2rem;
}
.project-card {
text-decoration: none;
color: inherit;
background: #fff;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.project-card:hover {
transform: translateY(-6px);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}
.project-thumb img {
width: 100%;
height: 200px;
object-fit: cover;
display: block;
}
.project-info {
padding: 1rem;
}
.project-info h3 {
margin: 0 0 0.5rem;
font-size: 1.25rem;
}
.project-info p {
margin: 0;
color: #555;
}
.btn-danger {
background-color: #d9534f;
color: white;
padding: 0.75rem 1.5rem;
border: none;
border-radius: 6px;
font-weight: bold;
cursor: pointer;
transition: background-color 0.2s ease;
}
.btn-danger:hover {
background-color: #c9302c;
} .contact-hero .hero-overlay {
background: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.contact-hero .hero-content {
position: relative;
z-index: 2;
max-width: 800px;
padding: 2rem;
}
.contact-clean-section {
padding-top: 5rem;
background: var(--white);
color: var(--primary);
margin-bottom: 0;
min-height: calc(100vh - 600px); }
.contact-grid {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
}
.contact-form-block h2 {
font-size: 2rem;
margin-bottom: 2rem;
}
.clean-contact-form {
display: flex;
flex-direction: column;
gap: 1.2rem;
}
.clean-contact-form input,
.clean-contact-form textarea {
padding: 1rem;
font-size: 1rem;
border: 1px solid #ccc;
border-radius: 6px;
background: #f9f9f9;
}
.clean-contact-form textarea {
resize: vertical;
min-height: 160px;
}
.contact-info-block {
display: flex;
flex-direction: column;
gap: 2.5rem;
}
.info-box {
display: flex;
flex-direction: column;
}
.info-box h3 {
margin: 0.5rem 0;
font-size: 1.2rem;
font-weight: 700;
}
.icon {
font-size: 1.5rem;
color: var(--primary);
margin-bottom: 0.5rem;
}
@media (max-width: 768px) {
.contact-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.contact-clean-section {
padding: 3rem 1.5rem;
}
.contact-form-block,
.contact-info-block {
padding: 0 1rem;
}
.clean-contact-form input,
.clean-contact-form textarea {
font-size: 1rem;
}
.contact-form-block h2 {
font-size: 1.5rem;
}
.info-box h3 {
font-size: 1.1rem;
}
.icon {
font-size: 1.3rem;
}
} .shop-filters{
flex-direction:row; gap:3rem; } .shop-filters label{
flex-direction:row; align-items:center;
gap:.75rem;
} @media (max-width:480px){
.shop-filters{
gap:1.25rem;
}
.shop-filters label{
flex-direction:column;
}
}  .firework-single{
padding:80px 0 60px; } .hero-flex{
display:flex;
flex-wrap:wrap;
gap:60px;
align-items:center;
} .hero-img img{
width:380px; max-width:100%;
border-radius:12px;
box-shadow:0 6px 14px rgba(0,0,0,.15);
} .hero-info{
flex:1;
min-width:260px;
}
.hero-info h1{
font-size:2rem;
margin-bottom:.5rem;
line-height:1.25;
} .firework-single .container{
max-width:880px; margin:0 auto;
padding-top: 100px; }
.related-fireworks .container{
padding-top: 0;
} .hero-flex{
justify-content:center; text-align:center; } .hero-info{
align-items:center; }   .firework-gallery{
width:380px; height:380px;
max-width:100%;
position:relative;
border-radius:12px;
overflow:hidden;
box-shadow:0 6px 14px rgba(0,0,0,.15);
} .firework-gallery .swiper-slide{
width:100% !important; height:100% !important;
display:block !important; padding:0;
} .firework-gallery .swiper-slide img{
width:100%;
height:100%;
object-fit:cover; object-position:center;
display:block;
} .firework-gallery .swiper-button-prev,
.firework-gallery .swiper-button-next{
color: #fff;
top: 50%;
width: 44px;
height: 44px;
margin-top: -22px; background: rgba(0,0,0,.45);
border-radius: 50%;
z-index: 10;
}
.firework-gallery .swiper-button-prev{ left: 8px; }
.firework-gallery .swiper-button-next{ right: 8px; }
.firework-gallery .swiper-button-prev:after,
.firework-gallery .swiper-button-next:after{
font-size: 18px; }
.service-card .firework-price,
.firework-price {
font-size: 1.4rem;
font-weight: 700;
margin: 0.4rem 0 1rem;
color: #27ae60;
}
.firework-price {
font-size: 1.4rem;
font-weight: 700;
margin: 0.4rem 0 1rem;
color: #27ae60; }  .firework-gallery .swiper-slide{
display:flex !important; justify-content:center !important;
align-items:center !important;
} .firework-gallery .swiper-slide img{
display:block; max-width:100%;
height:auto;
margin:auto; } @media(max-width:700px){
.hero-flex{
flex-direction:column;
text-align:center;
}
.hero-img img{
width:100%;
max-width:340px;
}
.hero-info{
padding:0;
}
}
.dark {
padding: 60px 40px 60px 40px;
background: rgba(220, 220, 220, 0.1);
backdrop-filter: blur(1px);
-webkit-backdrop-filter: blur(1px);
border-top: 1px solid var(--color-border);
}
.light {
padding: 60px 40px 60px 40px;
background: rgba(247, 247, 247, 0.11);
backdrop-filter: blur(1px);
-webkit-backdrop-filter: blur(1px);
border-top: 1px solid var(--color-border);
}
.padding-top{
padding-top: 40px;
}
.hours {
margin-top: 0;
font-size: 0.95rem;
line-height: 1.4;
color: var(--color-text);
font-weight: 500;
white-space: pre-line; }
.stand-section {
display: flex;
flex-wrap: nowrap;
gap: 2rem;
justify-content: center;
padding: 4rem 10%;
}
.stand-feature {
flex: 1 1 300px;
max-width: 400px;
text-align: center;
}
.stand-feature h2 {
font-size: 1.5rem;
margin-bottom: 0.5rem;
font-weight: 500;
}
.stand-feature p {
font-size: 1.5rem;
}
.stand-feature img {
width: 100%;
height: auto;
border-radius: 12px;
margin-bottom: 1rem;
filter: brightness(0.8); transition: filter 0.3s ease;
}
.stand-feature img:hover {
filter: brightness(1); }
@media (max-width: 768px) {
.stand-section {
flex-direction: column;
padding: 2rem 5%;
}
.stand-feature {
display: flex;
flex-direction: column;
align-items: center;
max-width: 100%;
}
.stand-feature img {
margin-bottom: 1rem;
}
.stand-content {
text-align: center;
}
}