body{
color: #fff !important;
}
body .site-main,
.elementor-location-single{
background-color: var( --e-global-color-41d350c );
}
.site-main{
padding-top: 100px;
padding-bottom: 100px;
}
.outlines-button,
.outlines-button:is(:hover, :focus, :active, :visited){
position: absolute;
bottom: -65px;
left: 50%;
transform: translateX(-50%);
font-size: 14px;
color: #000;
background: #ffffff;
padding: 5px 17px;
border-radius: 50px;
border: 1px dashed black;
outline: transparent;
}
.numbered-list ol{
list-style: none;
counter-reset: item;
padding-left: 22px;
}
.numbered-list ol li{
counter-increment: item;
position: relative;
font-size: 20px;
}
.numbered-list ol li:not(:last-child){
margin-bottom: 20px;
}
.numbered-list li:before{
content: counter(item);
font-size: 27px;
font-weight: 600;
color: var( --e-global-color-3391f80 );
display: inline-block;
position: absolute;
left: -22px;
top: -5px;
}
.wpfFilterWrapper .wfpDescription{
font-size: 22px !important;
color: #ffffff;
text-align: center;
margin-bottom: 10px;
font-weight: bold;
}
#wpfBlock_1 .wpfFilterVerScroll{
display: flex;
gap: 20px;
justify-content: center;
max-height: none;
}
.wpfFilterWrapper .wpfFilterContent ul:not(.wpfButtonsFilter) li{
padding: 0px;
width: auto !Important;
}
.wpfFilterVerScroll li > label{
display: flex;
vertical-align: baseline;
background: #ffffff;
padding: 10px 20px !important;
border-radius: 50px;
}
.wpfFilterButtons{
display: flex;
justify-content: center;
gap: 10px;
}
.wpfFilterButton.wpfButton, .wpfClearButton.wpfButton{
background: #e32429;
color: #fff;
padding: 5px 20px !important;
border-radius: 50px !important;
width: auto !important;
min-height: auto !important;
}
.wpfClearButton.wpfButton{
background: #bfbfbf !Important; 
color: black !important;
}
.ui-slider.ui-widget-content:not(.iris-slider-offset){
border: 1px solid white !important;
}
.wpfPriceInputs,
.wpfPriceInputs *{
color: #fff;
font-weight: bold !important;
}
.wpfFilterWrapper .wpfFilterContent .ui-slider-horizontal{
margin-top: 0px !important;
}
.woocommerce ul.products li.product .button,
.added_to_cart{
border-radius: 50px !Important;
font-size: 17px !important;
line-height: 1;
padding: 8px 20px !important;
}
.ppcp-dcc-order-button{
border-radius: 50px;
width: 100% !important;
padding: 12px 20px !important;
font-size: 22px !important;
font-weight: 500 !important;
}
.added_to_cart{
margin-top: 5px;
width: fit-content;
}
button,
.woocommerce-message .button,
.added_to_cart,
.return-to-shop .button,
.button.view{
border-radius: 50px !important;
}
.single_add_to_cart_button{
padding: 5px 25px !important;
}
.button:is(:focus, :active),
.elementor-button:is(:focus, :active){
outline: transparent !important;
}
.e-apply-coupon,
.ppcp-dcc-order-button,
[type=button], [type=submit],
.return-to-shop .button,
.button.view{
background-color: #E31B28 !important;
color: #ffffff !important;
border: 0px !Important;
}
.button:hover:not(#view-cart-btn),
.elementor-button:hover:not(#view-cart-btn),
.added_to_cart,
.ppcp-dcc-order-button:hover,
[type=button]:hover, [type=submit]:hover,
.return-to-shop .button:hover,
.button.view:hover
{
background-color: #fff !important;
color: #000 !important;
}
.added_to_cart:hover{
background-color: #E31B28 !important;
color: #fff !important;
}
#view-cart-btn:hover{
color: #fff;;
}
.coupon-col-start{
padding-right: 20px !important;
}
.select2-selection,
.input-text,
.woocommerce div.product form.cart .variations select{
border-radius: 50px !important;
}
textarea.input-text{
border-radius: 25px !important;
}
.woocommerce .quantity .qty{
min-width: 72px !Important;
}
.input-text.qty{
text-align: center !Important;
}
#coupon_code{
height: 47px;
border-radius: 50px !important;
}
#coupon_code,
#coupon_code::placeholder{
color: #666 !Important;
font-size: 16px !important;
}
#coupon_code:focus::placeholder{
color: #888 !Important;
opacity: 1 !important;
}
.elementor-widget-woocommerce-cart .woocommerce .input-text.qty{
text-align: center;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{
padding: 12px 20px !important
}
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover{
background-color:#ddd;
color: #000;
}
.woocommerce div.product form.cart .variations label{
color: #fff;
}
.woocommerce-message{
background: #E31B28;
color: #fff;
}
.woocommerce-message::before{
color: #fff;
}
.added_to_cart{
display: flex !important;
}
#order_review *{
font-size: 16px;
}
#order_comments{
height: 80px;
}
.input-text:focus::placeholder{
color: inherit !important;
opacity: 1 !important;
}
.contact-form textarea{
border-radius: 25px !important;
}
.contact-form .elementor-field-textual,
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{
border: 2px solid transparent !important;
}
.contact-form .elementor-field-textual:focus,
.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus{
border: 2px solid #E31B28 !important;
}
.woocommerce-message{
border-color: #fff;
}
.elementor-social-icon{
width: fit-content !important;
height: fit-content !important;
}
.elementor-widget-woocommerce-checkout-page .woocommerce-checkout #payment .payment_methods li{
background: white;
margin-bottom: 10px;
padding: 20px;
border-radius: 33px;
}
.elementor-widget-woocommerce-checkout-page .woocommerce .wc_payment_method label{
color: black !important;
}
.elementor-widget-woocommerce-checkout-page .woocommerce-checkout #payment .payment_methods .payment_box{
background-color: #ececec !important;
border-radius: 33px !important;
padding-inline: 25px !important;
}
.woocommerce-validated{
display: flex;
flex-direction: column;
}
.elementor-form .elementor-message{
color: #fff;
padding-left: 27px;
}
.elementor-form .elementor-message:before{
position: absolute;
left: 0px;
}
.elementor-form .elementor-message-success:before{
color: greenyellow;
}
.contact-box{
margin-left: 50px;
background: #525252;
border-radius: 25px;
padding: 50px;
}
.email-icon-large img{
filter: brightness(0) invert(1);
}
form label input{
width: fit-content !important;
}
#ship-to-different-address{
padding-left: 0px !important
}
.woocommerce-account .woocommerce-form{
min-height: 337px;
}
.woocommerce-privacy-policy-text p{
font-size: 13px;
}
.elementor-widget-woocommerce-checkout-page,
.elementor-widget-woocommerce-checkout-page .woocommerce .shop_table tfoot td,
.elementor-widget-woocommerce-checkout-page .woocommerce .shop_table tfoot th{
color: #ffffff !important;
}
.woocommerce-billing-fields .input-text{
font-size: initial !important;
}
.woocommerce table{
border-collapse: collapse !important;
}
.woocommerce form.checkout_coupon,
.woocommerce form.login, 
.woocommerce form.register{
border-radius: 25px;
}
.single-product table.variations{
border-radius: 16px !important;
overflow: hidden;
}
.single-product table.variations tbody>tr:nth-child(odd)>td,
.single-product table.variations tbody>tr:nth-child(odd)>th{
background-color: #2e2e2e !important;
padding: 20px !important;
}
:is(.woocommerce-cart, .woocommerce-checkout) :is(th, td),
.woocommerce .woocommerce-customer-details address{
border: 1px solid rgb(255, 255, 255, 0.1) !important;
padding: 15px !important;
}
.header-icons .elementor-icon-wrapper{
display: flex;
}
.woocommerce-MyAccount-navigation{
display: none;
}
.woocommerce-account .woocommerce-MyAccount-content{
width: 100%;
}
.woo-tabs .elementor-widget-container{
border: 1px solid #fff;
padding: 25px;
border-radius: 25px;
}
.woo-tabs .elementor-widget-container h3{
margin-bottom: 0px;
}
.woocommerce-info{
border-top-color: var( --e-global-color-3391f80 );
}
.woocommerce-info::before{
color: var( --e-global-color-3391f80 );
}
ul.woocommerce-thankyou-order-details{
padding-left: 0px !important;
}
.elementor-button span{
align-self: center;
}
.elementor-button:hover svg{
fill: black;
}
.alert-buttons div{
border-radius: 50px !important;
font-size: 1rem;
margin-top: 10px;
}
.woocommerce-thankyou-order-received{
font-size: 1.5rem;
margin-bottom: 40px;
color: limegreen;
}
.dialog-type-lightbox{
z-index: 99999999 !important;
}
.elementor-slideshow__title{
display: none !important;
}
.page-copy :is(h1,h2,h3,h4){
margin-top: 1em;
margin-bottom: 0.8em;
}
.hamburger-menu{
z-index: 9999999990 !important;
}
.swiper-slide-contents{
width: 100% !important;
}
.bg-size-100{
background-size: auto 100% !important;
}
.cky-consent-container{
max-width: 350px !important;
}
.cky-btn{
padding: 3px 10px !important;
}
.elementor-form .elementor-message-success:before{
content: "";
background-image: url(https://www.xpressracewear.co.uk/wp-content/uploads/2024/02/tick-icon.svg);
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-position: center;
}
.elementor-field-type-recaptcha .elementor-field{
background: none !important;
}
@media (max-width: 1024px){
.woocommerce-account:not(.logged-in) .my-account-links{
display: none;
}
}
@media (max-width: 767px){
.improve-heading br{
display: none;
}
.woocommerce-account .woocommerce-form{
margin-top: 0px !important;
}
.woocommerce-account.logged-in .my-account-wrapper .e-con-inner:has( > .my-account-links){
gap: 0px;
}
.woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-message{
display: flex;
flex-direction: column;
gap: 10px;
}
.woocommerce-notices-wrapper a.button{
order: 2;
align-self: flex-start;
}
.woocommerce-MyAccount-content{
margin-bottom: 30px;
}
.woocommerce-MyAccount-content a.button{
border-radius: 100px;
padding: 10px 25px;
background-color: var( --e-global-color-3391f80 );
color: white;
transition: all 0.3s;
border: 2px solid transparent;
align-self: flex-start;
}
.woocommerce-MyAccount-content a.button:hover{
border-color: var( --e-global-color-3391f80 );
}
.basket-wrapper table.cart tr{
padding: 0px !important;
}
}
@media (max-width: 480px){
.slider .elementor-widget-container br{
display: none;
}
.xptool-wrapper{
left: 50% !important;
transform: translateX(-50%) !important;
}
}