body {
font-family: "Poppins", sans-serif;
}
.site-header {
padding: 2rem 0;
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25);
}
.site-header .main-navigation ul li a {
padding: 0;
margin: 1rem 0.5rem;
}
.site-header .main-navigation .current_page_item a {
position: relative;
}
.site-header .main-navigation .current_page_item a::after {
content: "";
position: absolute;
left: -8px;
bottom: 0;
height: 100%;
width: 3px;
background-color: #3C56AB;
}
@media only screen and (min-width: 768px) {
.site-header .main-navigation .current_page_item a::after {
left: 50%;
bottom: -5px;
transform: translateX(-50%);
width: 100%;
height: 3px;
}
}
.site-header #site-header-cart .cart-contents {
padding: 0;
margin: 1rem 0;
}
.site-header .woocommerce-product-search input[type=search] {
border-radius: 5px;
background-color: #D9D9D9;
}
.site-header .woocommerce-product-search input[type=search]::-moz-placeholder {
color: #909090;
}
.site-header .woocommerce-product-search input[type=search]::placeholder {
color: #909090;
}
.site-header .site-branding, .site-header .site-search {
transition: opacity 500ms ease-in-out;
}
.site-header > .col-full:has(.site-branding, .site-search) {
position: relative;
transition: 1s all 500ms ease-in-out;
} .site-footer {
padding: 2rem 0;
border-top: 5px solid #ED292B;
}
body:not(.home) .site-footer {
padding-bottom: 110px;
}
.site-footer__content {
display: flex;
justify-content: space-between;
}
.footer-banner {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 50px;
background-color: #000000;
background-image: url(https://chesterfieldfireworks.co.uk/wp-content/uploads/2024/09/cta-mobile-bg.webp);
background-size: contain;
background-repeat: no-repeat;
background-position: bottom;
}
.footer-banner__top {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
gap: 30px;
}
.footer-banner__title {
font-size: 24px;
color: #ffffff;
font-family: "" Poppins ", sans-serif";
font-weight: 700;
line-height: 150%;
background-color: transparent;
}
.footer-banner__image {
height: 50px;
max-width: 200px;
}
.custom-delivery-notice {
background-color: #3c56ab;
color: #ffffff;
padding: 1rem;
border-radius: 5px;
}
.custom-delivery-notice.fixed-bottom {
position: fixed;
bottom: 0;
z-index: 10;
width: 100vw;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
border-radius: 0;
}
.marquee {
overflow: hidden;
white-space: nowrap;
background: #3c56ab;
color: #fff;
}
.marquee__inner {
display: inline-block;
padding-left: 100%;
animation: marquee 15s linear infinite;
background: #3c56ab;
}
.marquee:hover .marquee__inner {
animation-play-state: paused;
}
@keyframes marquee {
0%   { transform: translateX(0); }
20%  { transform: translateX(-20%); } 80%  { transform: translateX(-80%); } 100% { transform: translateX(-100%); } }
@media screen and (max-width: 767px) {
.site-footer__content {
flex-direction: column-reverse;
align-items: center;
text-align: center;
gap: 1rem;
}
.archive .storefront-sorting {
flex-direction: column;
align-items: start !important;
}
}
.site-footer__content .footer-logo {
max-width: 210px;
}
@media only screen and (min-width: 768px) {
.site-footer__content .footer-logo {
max-width: 230px;
}
.footer-banner {
background-image: url(https://chesterfieldfireworks.co.uk/wp-content/uploads/2024/09/cta-desktop-bg-scaled.webp);
background-size: cover;
}
.footer-banner__top {
display: flex;
text-align: left;
flex-direction: row-reverse;
gap: 30px;
}
.footer-banner__title {
justify-self: left;
}
.footer-banner__image {
justify-self: right;
}
}
.site-footer__content .footer-nav h4 {
color: white;
position: relative;
margin: 0.75rem 0;
}
.site-footer__content .footer-nav h4::after {
content: "";
position: absolute;
width: 100%;
height: 1px;
background-color: #fff;
bottom: 0;
left: 0;
}
.site-footer__content .footer-nav nav.footer-navigation ul {
list-style: none;
margin: 0;
}
.site-footer__content .footer-nav nav.footer-navigation a {
text-decoration: none;
}
.site-footer__content .footer-nav__socials a {
text-decoration: none;
}
h1 {
font-weight: 700;
font-size: 32px;
margin: 0 0 4rem;
}
h2 {
font-weight: 700;
font-size: 28px;
padding: 5rem 0 2rem;
text-align: center;
}
h2.section-title {
padding-bottom: 5rem;
}
h2.white {
color: #ffffff;
}
.font-awesome-brands {
font-family: "Font Awesome 5 Brands";
}
.button, button.alt, .button.alt {
display: inline-flex;
align-items: center;
justify-content: center;
background-color: #3C56AB;
color: #FFFFFF;
border-radius: 5px;
font-size: 12px;
font-weight: bold;
}
.button:hover, button.alt:hover, .button.alt:hover {
background-color: #2D4183;
color: #FFFFFF;
}
.button:active, button.alt:active, .button.alt:active {
background-color: #2D4183;
color: #FFFFFF;
box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
border: none;
}
.button.btn-white {
background-color: #ffffff;
color: #3c56ab;
}
.button.btn-white:hover, button.btn-white.alt:hover, .button.btn-white.alt:hover {
background-color: #3C56AB;
color: #FFFFFF;
}
.added_to_cart {
border-radius: 5px;
font-size: 12px;
font-weight: bold;
margin-left: 0.5rem;
}
input[type=text], input[type=number], input[type=email], input[type=tel], input[type=url], input[type=password], input[type=search], textarea, .input-text {
border-radius: 5px;
min-height: 50px;
background-color: #E6E6E6;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
border-color: #0A090C;
border-radius: 5px;
padding: 0.5rem 0.75rem;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='20px' width='auto' viewBox='0 0 448 512'><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d='M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z'/></svg>");
background-repeat: no-repeat;
background-position: right 8px center;
font-family: "Poppins";
}
.img-contain {
-o-object-fit: contain;
object-fit: contain;
width: 100%;
height: auto;
}
.wc-block-grid__product-onsale, .onsale {
padding: 0.5rem 1.5rem;
border-radius: 5px;
color: #212121;
border-color: #212121;
font-weight: 700;
}
.widget-area .widget-title {
color: #0A090C;
border-color: #909090;
font-size: 18px;
}
.widget-area ul.menu li.menu-item > a {
color: #909090;
}
.widget-area .widget_nav_menu ul li::before {
content: "\f07b";
}
.widget-area .wp-block-woocommerce-filter-wrapper .wp-block-heading {
font-size: 18px;
color: #0A090C;
letter-spacing: 0;
border-bottom: 1px solid #909090;
padding: 0 0 1em;
margin-bottom: 1em;
font-weight: 300;
}
.widget-area .wc-block-components-price-slider__range-input-progress {
background: linear-gradient(to right, transparent var(--low), #3C56AB 0, #3C56AB var(--high), transparent 0) no-repeat 0 100%/100% 100%;
}
.widget-area .wc-block-price-filter__range-input::-webkit-slider-thumb {
background-color: #3C56AB;
border-color: #3C56AB;
}
.widget-area .wc-block-price-filter__range-input::-webkit-slider-thumb:hover {
background-color: #3C56AB;
border-color: black;
}
.widget-area .wc-block-formatted-money-amount {
background-color: #E6E6E6;
border-radius: 5px !important;
border: none;
font-family: "Poppins";
}
.products .product .woocommerce-Price-amount {
color: #909090;
font-size: 14px !important;
}
.products .product .woocommerce-loop-product__title {
margin-top: 0.5rem;
padding: 0.5rem;
color: #212121;
font-size: 14px !important;
font-weight: 600 !important;
}
.products .product img.size-woocommerce_thumbnail {
background-color: #F0EDEE;
margin: auto !important;
padding: 1.5rem;
width: 100%;
}
.home.page:not(.page-template-template-homepage) .site-header {
margin-bottom: 0;
}
.home .main-categories {
position: relative;
background-image: url(https://chesterfieldfireworks.co.uk/wp-content/themes/storefront-child-theme-master/assets/img/categories-bg.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-attachment: fixed;
padding-bottom: 5rem;
}
.home .main-categories .product-category__card .product-category__img-container {
padding: 1.5rem;
border-radius: 5px;
background-color: #F0EDEE;
}
.home .main-categories .product-category__card .product-category__img-container img {
margin: auto;
height: 100%;
width: auto;
}
.home .main-categories .product-category__card .product-category__title {
text-align: center;
margin: 1rem 0;
}
.home .main-categories .sp-wcsp-cat-thumbnail {
padding: 1.5rem;
border-radius: 5px;
background-color: #F0EDEE;
margin: auto;
height: 230px;
}
.home .main-categories .sp-wcsp-cat-thumbnail img {
-o-object-fit: contain;
object-fit: contain;
height: 100%;
width: auto;
}
.home .main-categories .sp-wcsp-cat-name a {
color: #ffffff !important;
}
.home .main-content {
margin-top: 80px;
}
.home ul.products.columns-4 {
display: grid;
grid-template-columns: 1fr;
gap: 1.5rem;
}
@media screen and (min-width: 500px) {
.home ul.products.columns-4 {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 767px) {
.home ul.products.columns-4 {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 1200px) {
.home ul.products.columns-4 {
grid-template-columns: repeat(4, 1fr);
}
}
.home ul.products.columns-4::before {
content: none;
}
.home .main-content h1 {
text-align: center;
}
.product-template-default .product_title {
margin-bottom: 0;
}
.product-template-default del span.woocommerce-Price-amount.amount {
color: #ED292B;
text-decoration: line-through;
}
.product-template-default ins span.woocommerce-Price-amount.amount {
color: #3C56AB;
font-weight: bold;
}
.product-template-default .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
background-color: #3C56AB !important;
color: #ffffff !important;
}
.product-template-default .woocommerce-product-gallery .woocommerce-product-gallery__image {
background-color: #F0EDEE;
border-radius: 5px;
}
.product-template-default .woocommerce-product-gallery .woocommerce-product-gallery__image a {
display: flex;
justify-content: center;
}
.product-template-default .woocommerce-product-gallery .woocommerce-product-gallery__image img {
padding: 2rem;
}
.product-template-default .woocommerce-product-gallery .flex-control-thumbs li {
width: 50px !important;
margin-right: 1rem !important;
display: flex;
padding: 5px;
background-color: #F0EDEE;
border-radius: 5px;
}
.product-template-default .single_add_to_cart_button {
font-size: 14px;
height: 50px;
}
.product-template-default .storefront-product-pagination {
display: none;
}
.product-template-default .woocommerce-Tabs-panel h2 {
margin-top: 0;
padding-top: 0;
text-align: left;
}
.product-template-default .woocommerce-tabs ul.tabs li a:focus {
outline: none;
}
.product-template-default .up-sells.products h2:not(.woocommerce-loop-product__title), .product-template-default .related.products h2:not(.woocommerce-loop-product__title) {
margin-top: 0;
margin-bottom: 2rem;
text-align: left !important;
}
.page-template-faq #primary {
margin-top: 4rem;
}
.page-template-faq h2 {
text-align: left;
}
.page-template-about #primary {
margin-top: 4rem;
}
.page-template-about .storefront-breadcrumb {
display: none;
}
.page-template-about .about-us-content {
display: flex;
flex-direction: column;
gap: 2rem;
margin-bottom: 2rem;
}
@media screen and (min-width: 1000px) {
.page-template-about .about-us-content {
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
}
.page-template-about .about-us-content__two {
flex-direction: row-reverse;
}
}
.archive .woocommerce-products-header__title {
text-align: left;
}
.archive .storefront-sorting {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.archive .storefront-sorting .woocommerce-result-count {
color: #909090;
margin: 0 0.5rem;
}
.page-template-faq .content-area {
margin-top: 4rem;
}
.page-template-faq body {
background: #fafafa;
}
.page-template-faq .storefront-breadcrumb {
display: none;
}
.page-template-faq .accordion {
display: flex;
flex-direction: column;
width: 100%;
margin: 50px auto;
}
.page-template-faq .accordion h1 {
font-size: 32px;
text-align: center;
}
.page-template-faq .accordion-item {
margin-top: 16px;
border-bottom: 1px solid #D9D9D9;
border-radius: 6px;
background: #ffffff;
}
.page-template-faq .accordion-item .accordion-item-title {
position: relative;
margin: 0;
display: flex;
width: 100%;
font-size: 15px;
cursor: pointer;
justify-content: space-between;
padding: 14px 20px;
box-sizing: border-box;
align-items: center;
}
.page-template-faq .accordion-item .accordion-item-desc {
display: none;
font-size: 14px;
line-height: 22px;
font-weight: 300;
color: #444;
border-top: 1px dashed #ddd;
padding: 10px 20px 20px;
box-sizing: border-box;
}
.page-template-faq .accordion-item input[type=checkbox] {
position: absolute;
height: 0;
width: 0;
opacity: 0;
}
.page-template-faq .accordion-item input[type=checkbox]:checked ~ .accordion-item-desc {
display: block;
}
.page-template-faq .accordion-item input[type=checkbox]:checked ~ .accordion-item-title .icon:after {
content: "-";
font-size: 20px;
}
.page-template-faq .accordion-item input[type=checkbox] ~ .accordion-item-title .icon:after {
content: "+";
font-size: 20px;
}
.page-template-faq .accordion-item:first-child {
margin-top: 0;
}
.page-template-faq .accordion-item .icon {
margin-left: 14px;
}
@media screen and (max-width: 767px) {
.page-template-faq .accordion {
padding: 0 16px;
}
.page-template-faq .accordion h1 {
font-size: 22px;
}
}
.page-template-contact #primary {
margin-top: 4rem;
}
.page-template-contact .storefront-breadcrumb {
display: none;
}
.page-template-contact .contact-us__content {
display: grid;
grid-template-columns: 1fr;
grid-gap: 2rem;
}
.page-template-contact .contact-us__content .wpforms-container-full:not(:empty), .page-template-contact .contact-us__content .wpforms-container-full * {
width: 100%;
margin-top: 0;
}
.page-template-contact .contact-us__content .wpforms-container-full:not(:empty) #wpforms-125-field_0-container, .page-template-contact .contact-us__content .wpforms-container-full * #wpforms-125-field_0-container {
padding-top: 0;
}
.page-template-contact .contact-us__content .contact-us__img {
display: none;
}
@media only screen and (min-width: 1028px) {
.page-template-contact .contact-us__content {
grid-template-columns: 7fr 5fr;
}
.page-template-contact .contact-us__content .contact-us__img {
display: flex;
}
}
.page-template-contact .wpforms-container input {
border-radius: 5px;
}
.page-template-contact .google-map {
margin-top: 5rem;
}  .hero-section {
position: relative;
height: 100%;
width: 100%;
overflow: hidden;
aspect-ratio: 768 / 768;
}
.hero-background {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
}
.hero-content {
display: flex;
padding: 2rem;
}
.hero-content-wrapper {
max-width: 500px;
}
.hero-heading {
margin-bottom: 1rem;
font-size: 2.25rem;
font-weight: bold;
line-height: 1.2;
color: white;
}
.hero-subheading {
margin-bottom: 1rem;
font-size: 1.5rem;
font-weight: 600;
color: white;
padding-top: 0;
}
.hero-description {
margin-bottom: 1.5rem;
font-size: 1.125rem;
color: white;
}
.hero-heading.text-white, .hero-subheading.text-white, .hero-description.text-white {
color: #ffffff !important;
}
.hero-heading.text-black, .hero-subheading.text-black, .hero-description.text-black {
color: #000000 !important;
}
.hero-button {
display: inline-block;
border-radius: 0.5rem;
background-color: white;
padding: 0.75rem 1.5rem;
font-size: 1.125rem;
font-weight: 600;
color: #111827;
transition: background-color 0.3s ease;
text-decoration: none;
}
.hero-button:hover {
background-color: #f3f4f6;
} .top-left { align-items: flex-start; justify-content: flex-start; text-align: left !important; }
.top-center { align-items: flex-start; justify-content: center; text-align: center !important; }
.top-right { align-items: flex-start; justify-content: flex-end; text-align: left !important; }
.center-left { align-items: center; justify-content: flex-start; text-align: left !important; }
.center-center { align-items: center; justify-content: center; text-align: center !important; }
.center-right { align-items: center; justify-content: flex-end; text-align: left !important; }
.bottom-left { align-items: flex-end; justify-content: flex-start; text-align: left !important; }
.bottom-center { align-items: flex-end; justify-content: center; text-align: center !important; }
.bottom-right { align-items: flex-end; justify-content: flex-end; text-align: left !important; }
.top-left .hero-heading, .top-left .hero-subheading, .center-left .hero-heading, .center-left .hero-subheading, .bottom-left .hero-heading, .bottom-left .hero-subheading  {
text-align: left !important;
}
.top-center .hero-heading, .top-center .hero-subheading, .center-center .hero-heading, .center-center .hero-subheading, .bottom-center .hero-heading, .bottom-center .hero-subheading  {
text-align: center !important;
}
.top-right .hero-heading, .top-right .hero-subheading, .center-right .hero-heading, .center-right .hero-subheading, .bottom-right .hero-heading, .bottom-right .hero-subheading  {
text-align: left !important;
} @media (min-width: 768px) {
.hero-heading { font-size: 3rem; }
.hero-subheading { font-size: 1.875rem; }
.hero-description { font-size: 1.25rem; }
.hero-section {
aspect-ratio: 2100 / 500;
}
}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails{text-align:center}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails::before,.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails::after{content:"";display:table}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails::after{clear:both}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails li{display:inline-block;width:auto !important;float:none !important;margin-bottom:0 !important}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails li img{max-height:16px;width:auto;display:block}.widget_brand_nav ul li .count{float:right}.tax-product_brand .woocommerce-products-header{display:flex;flex-direction:column;margin:0 0 2.2906835em;text-align:center}.tax-product_brand .woocommerce-products-header .brand-thumbnail{margin:0 0 1em;width:auto;max-height:2.2906835em;align-self:center;order:1}.tax-product_brand .woocommerce-products-header .woocommerce-products-header__title,.tax-product_brand .woocommerce-products-header .term-description{order:2}div#brands_a_z::before,div#brands_a_z::after{content:"";display:table}div#brands_a_z::after{clear:both}div#brands_a_z ul.brands_index{margin-left:0;padding:0}div#brands_a_z ul.brands_index li{float:none;display:inline-block;margin:0 .3342343017em .2360828548em 0;padding:0;text-transform:uppercase}div#brands_a_z ul.brands_index li a,div#brands_a_z ul.brands_index li span{float:none;display:block;border:0;padding:.3819820591em;min-width:1.618em;text-align:center;background-color:#eee;color:#43454b;line-height:1}div#brands_a_z ul.brands_index li span{opacity:.3}div#brands_a_z h3{text-transform:uppercase}div#brands_a_z a.top{padding:.6180469716em;background-color:#eee;color:#43454b;border:0;line-height:1}div#brands_a_z ul.brands{margin-left:0;list-style-position:inside}div#brands_a_z ul.brands li{margin:0 0 .3819820591em;padding:0 0 .3819820591em;border-bottom:1px solid rgba(0,0,0,.05)}.storefront-wc-brands-single-product{margin:0 0 .5407911001em}.storefront-wc-brands-single-product img{max-height:2.2906835em}@media(min-width: 768px){div#brands_a_z ul.brands_index{width:21.7391304348%;float:left;margin-right:4.347826087%;transition:all .5s ease}div#brands_a_z h3{width:73.9130434783%;float:right;margin-right:0;clear:right;text-transform:uppercase}div#brands_a_z h3:first-of-type{margin-top:0}div#brands_a_z a.top{clear:right}div#brands_a_z ul.brands{width:73.9130434783%;float:right;margin-right:0;clear:right}}h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}