@charset "UTF-8";
/* ==========================================================================
Variable
========================================================================== */
/* ==========================================================================
Global
========================================================================== */
body {
background-color: #111111;
font-family: "Sofia Sans", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Sofia Sans Extra Condensed", sans-serif;
font-weight: 900;
font-style: normal;
}
a {
color: #21b6ab;
}
a:hover {
color: #febf31;
}
.btn, body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type button, .checkout-button,
.place-order .btn,
.place-order .xoo-wsc-ft-buttons-cont a,
.xoo-wsc-ft-buttons-cont .place-order a,
.place-order .xoo-wsc-empty-cart a,
.xoo-wsc-empty-cart .place-order a,
.place-order .checkout-button, .zapct-next-draw .container .until-next, .xoo-wsc-ft-buttons-cont a,
.xoo-wsc-empty-cart a, .xoo-wsc-slider .xoo-wsc-sl-apply-coupon button,
.button {
font-style: normal;
border-radius: 7px;
padding: 8px 30px;
border-width: 2px;
font-weight: bold;
white-space: nowrap;
text-align: left;
font-size: 22px;
position: relative;
text-transform: none !important;
font-weight: bold;
font-family: "Sofia Sans Extra Condensed", sans-serif;
text-transform: uppercase !important;
letter-spacing: 0.1rem;
}
.btn.btn-dark, body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type button.btn, body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type button.btn-dark, body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type button, .btn.checkout-button, body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type button.checkout-button,
.place-order .btn,
.place-order body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type button,
body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type .place-order button,
.place-order body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type button,
body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type .place-order button,
.place-order .xoo-wsc-slider .xoo-wsc-sl-apply-coupon button.btn,
.place-order .xoo-wsc-slider .xoo-wsc-sl-apply-coupon body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type button,
body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type .place-order .xoo-wsc-slider .xoo-wsc-sl-apply-coupon button,
.xoo-wsc-slider .xoo-wsc-sl-apply-coupon .place-order button.btn,
.xoo-wsc-slider .xoo-wsc-sl-apply-coupon .place-order body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type button,
body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type .xoo-wsc-slider .xoo-wsc-sl-apply-coupon .place-order button,
.place-order .zapct-next-draw .container .btn.until-next,
.place-order .zapct-next-draw .container body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type button.until-next,
body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type .place-order .zapct-next-draw .container button.until-next,
.zapct-next-draw .container .place-order .btn.until-next,
.zapct-next-draw .container .place-order body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type button.until-next,
body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type .zapct-next-draw .container .place-order button.until-next, .checkout-button,
.place-order .checkout-button,
.place-order .xoo-wsc-slider .xoo-wsc-sl-apply-coupon button.checkout-button,
.xoo-wsc-slider .xoo-wsc-sl-apply-coupon .place-order button.checkout-button,
.place-order .zapct-next-draw .container .checkout-button.until-next,
.zapct-next-draw .container .place-order .checkout-button.until-next,
.place-order .xoo-wsc-ft-buttons-cont a.btn-dark,
.place-order .xoo-wsc-ft-buttons-cont a.checkout-button,
.place-order .xoo-wsc-ft-buttons-cont a.btn,
.place-order .xoo-wsc-ft-buttons-cont a.checkout-button,
.place-order .xoo-wsc-ft-buttons-cont a,
.place-order .xoo-wsc-ft-buttons-cont .place-order a,
.place-order .xoo-wsc-ft-buttons-cont .xoo-wsc-empty-cart a,
.place-order .xoo-wsc-empty-cart .xoo-wsc-ft-buttons-cont a,
.xoo-wsc-empty-cart .place-order .xoo-wsc-ft-buttons-cont a,
.place-order .xoo-wsc-ft-buttons-cont .zapct-next-draw .container a.until-next,
.place-order .zapct-next-draw .container .xoo-wsc-ft-buttons-cont a.until-next,
.zapct-next-draw .container .place-order .xoo-wsc-ft-buttons-cont a.until-next,
.xoo-wsc-ft-buttons-cont .place-order a.btn-dark,
.xoo-wsc-ft-buttons-cont .place-order a.checkout-button,
.xoo-wsc-ft-buttons-cont .place-order a.btn,
.xoo-wsc-ft-buttons-cont .place-order a.checkout-button,
.xoo-wsc-ft-buttons-cont .place-order .xoo-wsc-ft-buttons-cont a,
.xoo-wsc-ft-buttons-cont .place-order a,
.xoo-wsc-ft-buttons-cont .place-order .xoo-wsc-empty-cart a,
.xoo-wsc-ft-buttons-cont .xoo-wsc-empty-cart .place-order a,
.xoo-wsc-empty-cart .xoo-wsc-ft-buttons-cont .place-order a,
.xoo-wsc-ft-buttons-cont .place-order .zapct-next-draw .container a.until-next,
.xoo-wsc-ft-buttons-cont .zapct-next-draw .container .place-order a.until-next,
.zapct-next-draw .container .xoo-wsc-ft-buttons-cont .place-order a.until-next,
.place-order .xoo-wsc-empty-cart a.btn-dark,
.place-order .xoo-wsc-empty-cart a.checkout-button,
.place-order .xoo-wsc-empty-cart a.btn,
.place-order .xoo-wsc-empty-cart a.checkout-button,
.place-order .xoo-wsc-empty-cart .xoo-wsc-ft-buttons-cont a,
.place-order .xoo-wsc-ft-buttons-cont .xoo-wsc-empty-cart a,
.xoo-wsc-ft-buttons-cont .place-order .xoo-wsc-empty-cart a,
.place-order .xoo-wsc-empty-cart a,
.place-order .xoo-wsc-empty-cart .place-order a,
.place-order .xoo-wsc-empty-cart .zapct-next-draw .container a.until-next,
.place-order .zapct-next-draw .container .xoo-wsc-empty-cart a.until-next,
.zapct-next-draw .container .place-order .xoo-wsc-empty-cart a.until-next,
.xoo-wsc-empty-cart .place-order a.btn-dark,
.xoo-wsc-empty-cart .place-order a.checkout-button,
.xoo-wsc-empty-cart .place-order a.btn,
.xoo-wsc-empty-cart .place-order a.checkout-button,
.xoo-wsc-empty-cart .place-order .xoo-wsc-ft-buttons-cont a,
.xoo-wsc-empty-cart .xoo-wsc-ft-buttons-cont .place-order a,
.xoo-wsc-ft-buttons-cont .xoo-wsc-empty-cart .place-order a,
.xoo-wsc-empty-cart .place-order .xoo-wsc-empty-cart a,
.xoo-wsc-empty-cart .place-order a,
.xoo-wsc-empty-cart .place-order .zapct-next-draw .container a.until-next,
.xoo-wsc-empty-cart .zapct-next-draw .container .place-order a.until-next,
.zapct-next-draw .container .xoo-wsc-empty-cart .place-order a.until-next, .woocommerce-notices-wrapper .alert.alert-success .btn, .woocommerce-notices-wrapper .alert.alert-success body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type button, body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type .woocommerce-notices-wrapper .alert.alert-success button,
.woocommerce-notices-wrapper .alert.alert-success .place-order body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type button,
.place-order body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type .woocommerce-notices-wrapper .alert.alert-success button,
.woocommerce-notices-wrapper .alert.alert-success body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type .place-order button,
body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type .place-order .woocommerce-notices-wrapper .alert.alert-success button, .woocommerce-notices-wrapper .alert.alert-success .checkout-button,
.woocommerce-notices-wrapper .alert.alert-success .place-order .xoo-wsc-slider .xoo-wsc-sl-apply-coupon button,
.place-order .xoo-wsc-slider .xoo-wsc-sl-apply-coupon .woocommerce-notices-wrapper .alert.alert-success button,
.woocommerce-notices-wrapper .alert.alert-success .xoo-wsc-slider .xoo-wsc-sl-apply-coupon .place-order button,
.xoo-wsc-slider .xoo-wsc-sl-apply-coupon .place-order .woocommerce-notices-wrapper .alert.alert-success button,
.woocommerce-notices-wrapper .alert.alert-success .place-order .xoo-wsc-ft-buttons-cont a,
.place-order .xoo-wsc-ft-buttons-cont .woocommerce-notices-wrapper .alert.alert-success a,
.woocommerce-notices-wrapper .alert.alert-success .xoo-wsc-ft-buttons-cont .place-order a,
.xoo-wsc-ft-buttons-cont .place-order .woocommerce-notices-wrapper .alert.alert-success a,
.woocommerce-notices-wrapper .alert.alert-success .place-order .xoo-wsc-empty-cart a,
.place-order .xoo-wsc-empty-cart .woocommerce-notices-wrapper .alert.alert-success a,
.woocommerce-notices-wrapper .alert.alert-success .xoo-wsc-empty-cart .place-order a,
.xoo-wsc-empty-cart .place-order .woocommerce-notices-wrapper .alert.alert-success a, .zapct-next-draw .container .btn-dark.until-next, .zapct-next-draw .container body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type button.until-next, body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type .zapct-next-draw .container button.until-next, .zapct-next-draw .container .until-next.checkout-button,
.zapct-next-draw .container .place-order .until-next.btn,
.zapct-next-draw .container .place-order body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type button.until-next,
body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type .zapct-next-draw .container .place-order button.until-next,
.place-order .zapct-next-draw .container .until-next.btn,
.place-order .zapct-next-draw .container body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type button.until-next,
body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type .place-order .zapct-next-draw .container button.until-next,
.zapct-next-draw .container .place-order .until-next.checkout-button,
.place-order .zapct-next-draw .container .until-next.checkout-button,
.zapct-next-draw .container .place-order .xoo-wsc-slider .xoo-wsc-sl-apply-coupon button.until-next,
.place-order .xoo-wsc-slider .xoo-wsc-sl-apply-coupon .zapct-next-draw .container button.until-next,
.zapct-next-draw .container .xoo-wsc-slider .xoo-wsc-sl-apply-coupon .place-order button.until-next,
.xoo-wsc-slider .xoo-wsc-sl-apply-coupon .place-order .zapct-next-draw .container button.until-next,
.zapct-next-draw .container .place-order .xoo-wsc-ft-buttons-cont a.until-next,
.place-order .xoo-wsc-ft-buttons-cont .zapct-next-draw .container a.until-next,
.zapct-next-draw .container .xoo-wsc-ft-buttons-cont .place-order a.until-next,
.xoo-wsc-ft-buttons-cont .place-order .zapct-next-draw .container a.until-next,
.zapct-next-draw .container .place-order .xoo-wsc-empty-cart a.until-next,
.place-order .xoo-wsc-empty-cart .zapct-next-draw .container a.until-next,
.zapct-next-draw .container .xoo-wsc-empty-cart .place-order a.until-next,
.xoo-wsc-empty-cart .place-order .zapct-next-draw .container a.until-next,
.place-order .zapct-next-draw .container .until-next,
.zapct-next-draw .container .place-order .until-next, .woocommerce-notices-wrapper .alert.alert-success .zapct-next-draw .container .until-next, .zapct-next-draw .container .woocommerce-notices-wrapper .alert.alert-success .until-next, .xoo-wsc-ft-buttons-cont a,
.xoo-wsc-empty-cart a, .xoo-wsc-slider .xoo-wsc-sl-apply-coupon button, .btn.btn-primary, body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type button.btn-primary, .btn-primary.checkout-button,
.place-order .xoo-wsc-ft-buttons-cont a.btn-primary,
.xoo-wsc-ft-buttons-cont .place-order a.btn-primary,
.place-order .xoo-wsc-empty-cart a.btn-primary,
.xoo-wsc-empty-cart .place-order a.btn-primary, .zapct-next-draw .container .btn-primary.until-next,
.button.btn-dark,
body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type button.button,
.button.checkout-button,
.place-order .button.btn,
.place-order body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type button.button,
body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type .place-order button.button,
.place-order .xoo-wsc-slider .xoo-wsc-sl-apply-coupon button.button,
.xoo-wsc-slider .xoo-wsc-sl-apply-coupon .place-order button.button,
.place-order .xoo-wsc-ft-buttons-cont a.button,
.xoo-wsc-ft-buttons-cont .place-order a.button,
.place-order .xoo-wsc-empty-cart a.button,
.xoo-wsc-empty-cart .place-order a.button,
.place-order .zapct-next-draw .container .button.until-next,
.zapct-next-draw .container .place-order .button.until-next,
ul.products li .inner-wrapper .button,
.woocommerce-notices-wrapper .alert.alert-success .xoo-wsc-slider .xoo-wsc-sl-apply-coupon button.button,
.xoo-wsc-slider .xoo-wsc-sl-apply-coupon .woocommerce-notices-wrapper .alert.alert-success button.button,
.woocommerce-notices-wrapper .alert.alert-success .xoo-wsc-ft-buttons-cont a.button,
.xoo-wsc-ft-buttons-cont .woocommerce-notices-wrapper .alert.alert-success a.button,
.woocommerce-notices-wrapper .alert.alert-success .xoo-wsc-empty-cart a.button,
.xoo-wsc-empty-cart .woocommerce-notices-wrapper .alert.alert-success a.button,
.button.btn-primary {
background-color: #21b6ab;
border-color: #21b6ab;
color: #fff;
}
.btn.btn-dark:hover, body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type button:hover,
.place-order .btn:hover, .checkout-button:hover, .woocommerce-notices-wrapper .alert.alert-success .btn:hover, .woocommerce-notices-wrapper .alert.alert-success .checkout-button:hover,
.woocommerce-notices-wrapper .alert.alert-success .place-order .xoo-wsc-slider .xoo-wsc-sl-apply-coupon button:hover,
.place-order .xoo-wsc-slider .xoo-wsc-sl-apply-coupon .woocommerce-notices-wrapper .alert.alert-success button:hover,
.woocommerce-notices-wrapper .alert.alert-success .xoo-wsc-slider .xoo-wsc-sl-apply-coupon .place-order button:hover,
.xoo-wsc-slider .xoo-wsc-sl-apply-coupon .place-order .woocommerce-notices-wrapper .alert.alert-success button:hover,
.woocommerce-notices-wrapper .alert.alert-success .place-order .xoo-wsc-ft-buttons-cont a:hover,
.place-order .xoo-wsc-ft-buttons-cont .woocommerce-notices-wrapper .alert.alert-success a:hover,
.woocommerce-notices-wrapper .alert.alert-success .xoo-wsc-ft-buttons-cont .place-order a:hover,
.xoo-wsc-ft-buttons-cont .place-order .woocommerce-notices-wrapper .alert.alert-success a:hover,
.woocommerce-notices-wrapper .alert.alert-success .place-order .xoo-wsc-empty-cart a:hover,
.place-order .xoo-wsc-empty-cart .woocommerce-notices-wrapper .alert.alert-success a:hover,
.woocommerce-notices-wrapper .alert.alert-success .xoo-wsc-empty-cart .place-order a:hover,
.xoo-wsc-empty-cart .place-order .woocommerce-notices-wrapper .alert.alert-success a:hover, .zapct-next-draw .container .btn-dark.until-next:hover, .zapct-next-draw .container .until-next.checkout-button:hover,
.place-order .zapct-next-draw .container .until-next:hover,
.zapct-next-draw .container .place-order .until-next:hover, .woocommerce-notices-wrapper .alert.alert-success .zapct-next-draw .container .until-next:hover, .zapct-next-draw .container .woocommerce-notices-wrapper .alert.alert-success .until-next:hover, .xoo-wsc-ft-buttons-cont a:hover,
.xoo-wsc-empty-cart a:hover, .xoo-wsc-slider .xoo-wsc-sl-apply-coupon button:hover, .btn.btn-primary:hover, .zapct-next-draw .container .btn-primary.until-next:hover,
.button.btn-dark:hover,
ul.products li .inner-wrapper .button:hover,
.woocommerce-notices-wrapper .alert.alert-success .xoo-wsc-slider .xoo-wsc-sl-apply-coupon button.button:hover,
.xoo-wsc-slider .xoo-wsc-sl-apply-coupon .woocommerce-notices-wrapper .alert.alert-success button.button:hover,
.woocommerce-notices-wrapper .alert.alert-success .xoo-wsc-ft-buttons-cont a.button:hover,
.xoo-wsc-ft-buttons-cont .woocommerce-notices-wrapper .alert.alert-success a.button:hover,
.woocommerce-notices-wrapper .alert.alert-success .xoo-wsc-empty-cart a.button:hover,
.xoo-wsc-empty-cart .woocommerce-notices-wrapper .alert.alert-success a.button:hover,
.button.btn-primary:hover {
background-color: #febf31;
border-color: #febf31;
color: #090909;
}
.btn:hover, body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type button:hover, .checkout-button:hover, .zapct-next-draw .container .until-next:hover, .xoo-wsc-ft-buttons-cont a:hover,
.xoo-wsc-empty-cart a:hover, .xoo-wsc-slider .xoo-wsc-sl-apply-coupon button:hover,
.button:hover {
border-width: 2px !important;
}
.badge {
padding: 3px 15px 5px;
text-transform: uppercase;
}
.badge.badge-success {
background-color: #febf31;
color: #090909;
}
.container,
.woocommerce.columns-3 {
max-width: 1290px;
}
.container.main-container {
min-height: 40vh;
}
.store-notice {
text-align: center;
background-color: #21b6ab;
color: #fff;
padding: 5px 5px 5px;
position: relative;
text-transform: uppercase;
font-family: "Sofia Sans Extra Condensed", sans-serif;
letter-spacing: 0.1rem;
}
.store-notice a {
font-weight: bold;
}
@media (max-width: 575px) {
.store-notice {
font-size: 13px;
}
}
@keyframes ticker {
0% {
transform: translate3d(0, 0, 0);
visibility: visible;
}
100% {
transform: translate3d(-100%, 0, 0);
}
}
.ticker-wrap {
width: 100%;
overflow: hidden;
height: 100%;
padding-left: 0px;
box-sizing: content-box;
}
.ticker-wrap .ticker {
display: inline-block;
height: 100%;
line-height: 1;
white-space: nowrap;
padding-right: 0px;
box-sizing: content-box;
animation-iteration-count: infinite;
animation-timing-function: linear;
animation-name: ticker;
animation-duration: 200s;
}
.ticker-wrap .ticker__item {
display: inline-block;
padding: 0 30px;
font-size: 14px;
color: white;
}
.zapct-navbar {
background-color: #1d1d1d;
border: 1px solid #868686;
border-top: none;
border-radius: 0 0 10px 10px;
margin: 0 30px;
z-index: 300;
position: relative;
}
@media (max-width: 575px) {
.zapct-navbar {
margin: 0px 10px;
}
}
.zapct-navbar .navbar {
padding: 0px 0px;
width: 100%;
}
.zapct-navbar .navbar .navbar-right {
display: flex;
}
.zapct-navbar .navbar .navbar-brand {
padding: 10px 30px;
}
@media (max-width: 575px) {
.zapct-navbar .navbar .navbar-brand {
padding-left: 0px;
padding-right: 0px;
}
}
.zapct-navbar .navbar .navbar-brand img {
margin: 0px;
height: 78px;
}
@media (max-width: 767px) {
.zapct-navbar .navbar .navbar-brand img {
height: 70px;
}
}
@media (max-width: 575px) {
.zapct-navbar .navbar .navbar-brand img {
height: 65px;
padding-right: 0px;
}
}
.zapct-navbar .navbar .offcanvas-collapse {
width: auto;
display: block;
}
@media only screen and (max-width: 1250px) {
.zapct-navbar .navbar .offcanvas-collapse {
position: fixed;
top: 0;
bottom: 0;
left: 0;
width: 100% !important;
background-color: #29292c;
border-radius: 5px;
padding: 0px;
padding-top: 15px;
overflow-y: auto;
transform: translateX(100%);
z-index: 9999;
}
.zapct-navbar .navbar .offcanvas-collapse.open {
width: 300px !important;
left: auto;
right: 0px;
transform: translateX(0);
}
.zapct-navbar .navbar .offcanvas-collapse .offcanvas-close {
background-color: #21b6ab;
border: 1px solid #21b6ab;
color: #fff;
padding: 5px 15px;
border-radius: 5px !important;
margin: 0px 15px 15px auto;
border-radius: 0px;
position: relative;
font-size: 1.25rem;
display: block;
}
.zapct-navbar .navbar .offcanvas-collapse .offcanvas-close i {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
margin-top: 3px;
}
}
.zapct-navbar #zapct-primary-navbar {
padding: 0px;
}
@media only screen and (max-width: 1250px) {
.zapct-navbar #menu-primary-menu {
display: block;
width: 100%;
}
}
.zapct-navbar #menu-primary-menu li a {
color: #fff;
padding: 27px 20px;
position: relative;
font-size: 16px;
line-height: 1;
font-weight: bold;
text-transform: uppercase;
font-family: "Sofia Sans Extra Condensed", sans-serif;
letter-spacing: 0.1rem;
}
@media only screen and (max-width: 1250px) {
.zapct-navbar #menu-primary-menu li a {
color: #fff;
text-align: left;
font-size: 24px;
font-weight: normal;
padding: 15px 30px;
border-right: none;
}
}
.zapct-navbar #menu-primary-menu li a:hover {
color: #febf31;
}
.zapct-navbar #menu-primary-menu li:last-of-type a {
border-right: none;
}
.zapct-navbar .dropdown-menu {
background-color: #090909;
border-radius: 5px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
margin: 0px !important;
}
@media (max-width: 991px) {
.zapct-navbar .dropdown-menu {
padding: 0px !important;
margin: 0px !important;
}
}
.zapct-navbar .dropdown-menu a {
padding: 8px 30px !important;
}
@media (max-width: 991px) {
.zapct-navbar .dropdown-menu a {
padding: 15px 30px !important;
padding-left: 45px !important;
}
}
.zapct-navbar .dropdown-menu a:hover {
background-color: transparent;
}
.zapct-navbar .dropdown-menu a:before {
display: none;
}
.zapct-navbar .cart-account {
margin-left: 15px;
margin-right: 30px;
}
@media (max-width: 575px) {
.zapct-navbar .cart-account {
margin: 0px;
}
}
.zapct-navbar .cart-account .nav-item {
padding: 0px;
border: none;
display: inline-block;
}
@media (max-width: 575px) {
.zapct-navbar .cart-account .nav-item {
height: 51.59px;
}
}
.zapct-navbar .cart-account .nav-item .nav-link {
color: #fff !important;
position: relative;
margin: 0px;
font-weight: bold;
font-family: "Sofia Sans Extra Condensed", sans-serif;
letter-spacing: 0.1rem;
text-transform: uppercase;
}
@media (max-width: 575px) {
.zapct-navbar .cart-account .nav-item .nav-link {
padding-top: 12px;
}
}
.zapct-navbar .cart-account .nav-item .nav-link img {
height: 24px;
margin-right: 5px;
}
.zapct-navbar .cart-account .nav-item .nav-link .text {
display: inline-block;
font-size: 16px;
}
@media (max-width: 767px) {
.zapct-navbar .cart-account .nav-item .nav-link .text {
display: none;
}
}
.zapct-navbar .cart-account .nav-item .nav-link.navbar-toggler {
display: none;
padding-top: 0.85rem;
}
@media only screen and (max-width: 1250px) {
.zapct-navbar .cart-account .nav-item .nav-link.navbar-toggler {
display: block !important;
}
}
.zapct-navbar .cart-account .nav-item .nav-link.navbar-toggler i {
color: #fff !important;
}
.zapct-navbar .cart-account .nav-item .nav-link.nav-basket .text {
margin-left: 10px;
}
.zapct-navbar .cart-account .nav-item .nav-link #basket-count {
background-color: #21b6ab;
color: #090909;
border: 2px solid #090909;
position: absolute;
left: 5px;
top: 50%;
transform: translateY(-50%);
width: 22px;
padding: 0.25rem 0.1rem;
text-align: center;
font-size: 10px;
border-radius: 50%;
margin-top: 7px;
}
@media (max-width: 575px) {
.zapct-navbar .cart-account .nav-item .nav-link #basket-count {
right: 2px;
}
}
.zapct-navbar .cart-account .nav-item .nav-link:hover {
color: #21b6ab;
}
.section-title,
.product_title.entry-title {
margin-bottom: 30px;
text-align: center;
font-size: 36px;
color: #fff;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.1rem;
font-family: "Sofia Sans Extra Condensed", sans-serif;
background-image: url(../images/Title_ZigZag.svg);
background-size: 221px 9px;
background-repeat: no-repeat;
background-position: center bottom;
padding-bottom: 10px;
}
@media (max-width: 767px) {
.section-title,
.product_title.entry-title {
display: block !important;
font-size: 30px;
}
}
.section-subtitle {
font-family: "Sofia Sans", sans-serif;
font-size: 18px;
color: #a4a4a4;
}
.zapct-page-title {
padding: 15px 0;
position: relative;
background-color: #21b6ab;
margin: 30px 30px;
border-radius: 10px;
}
.zapct-page-title h1 {
letter-spacing: 0.1rem;
text-align: center;
text-transform: uppercase;
font-weight: 900;
color: #fff;
}
.result-wrap {
padding-left: 4rem;
margin-left: 4rem;
border-left: 1px solid #b2b2b2;
border-width: 1px;
}
@media screen and (max-width: 600px) {
.result-wrap {
padding: 0;
margin: 0;
border: none;
}
}
.result-wrap .card {
background: #242424;
border-color: #b2b2b2;
border-radius: 10px;
}
.result-wrap .card .card-title {
margin-bottom: 1.5rem;
color: #fff;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 0.1rem;
}
.result-wrap .card .card-title i {
color: #21b6ab;
margin-right: 5px;
}
.result-wrap .card .card-title a {
color: #fff;
text-decoration: underline;
}
.result-wrap .card .zapct-single-result {
color: #fff;
}
.result-wrap .card .zapct-single-result strong {
color: #fff;
}
.result-wrap .card .zapct-single-result i:before {
content: "•" !important;
width: 20px;
height: 14px;
display: inline-block;
}
.result-wrap .card .zapct-single-result .zapct-winner-ticket {
color: #21b6ab;
}
.result-wrap .card:before {
content: "";
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
position: absolute;
left: -6.1rem;
top: -0.1rem;
background-color: #090909;
color: #fff;
padding: 1rem;
width: 4rem;
height: 4rem;
border-radius: 5px;
background-image: url(../images/Winner_Icon.svg);
background-size: 90%;
background-position: center center;
background-repeat: no-repeat;
}
@media screen and (max-width: 600px) {
.result-wrap .card:before {
display: none;
}
}
div.pagination {
justify-content: center !important;
}
div.pagination a.page-link {
color: #090909 !important;
}
div.pagination .page-item.active .page-link.current {
background-color: #21b6ab;
border-color: #21b6ab;
color: #fff;
}
.page-numbers .page-numbers.current {
background-color: #21b6ab !important;
border-color: #21b6ab !important;
color: #fff;
}
body.error404 .main-container {
text-align: center;
color: #fff !important;
}
body.error404 .main-container h1 {
color: #fff !important;
text-transform: uppercase !important;
}
body.error404 .section-title {
color: #fff;
}
/* ==========================================================================
Side Cart
========================================================================== */
.xoo-wsc-clist-cont {
display: none;
}
.xoo-wsc-pprice,
.xoo-wsc-pprice span.amount,
.xoo-wsc-smr-ptotal .woocommerce-Price-amount {
font-weight: bold;
}
.xoo-wsc-ft-btn.button.btn.xoo-wsc-ft-btn-cart, body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type button.xoo-wsc-ft-btn.button.xoo-wsc-ft-btn-cart, .xoo-wsc-ft-btn.button.xoo-wsc-ft-btn-cart.checkout-button, .zapct-next-draw .container .xoo-wsc-ft-btn.button.xoo-wsc-ft-btn-cart.until-next, .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn.button.xoo-wsc-ft-btn-cart,
.xoo-wsc-empty-cart a.xoo-wsc-ft-btn.button.xoo-wsc-ft-btn-cart, .xoo-wsc-slider .xoo-wsc-sl-apply-coupon button.xoo-wsc-ft-btn.button.xoo-wsc-ft-btn-cart,
.xoo-wsc-ft-amt.xoo-wsc-ft-amt-shipping,
.xoo-wsc-basket {
display: none !important;
}
.xoo-wsc-ft-buttons-cont {
display: block !important;
}
.xoo-wsc-container {
background-color: #010104;
}
.xoo-wsc-header,
.xoo-wsc-body,
.xoo-wsc-footer {
background-color: #010104 !important;
color: #fff !important;
}
.xoo-wsc-header a,
.xoo-wsc-body a,
.xoo-wsc-footer a {
color: #fff !important;
}
.xoo-wsc-header .xoo-wsc-pprice,
.xoo-wsc-header span.amount,
.xoo-wsc-body .xoo-wsc-pprice,
.xoo-wsc-body span.amount,
.xoo-wsc-footer .xoo-wsc-pprice,
.xoo-wsc-footer span.amount {
color: #21b6ab !important;
}
.xoo-wsc-footer {
background-image: url(../images/cart-smoke.png);
background-size: contain;
background-position: bottom center;
background-repeat: no-repeat;
}
.xoo-wsc-slider {
background-color: #010104;
color: #fff;
}
.xoo-wsc-slider .xoo-wsc-sl-apply-coupon input {
padding: 5px;
border: 1px solid #fff;
}
.xoo-wsc-product {
border-bottom: 1px solid #1d1d1d;
}
.xoo-wsc-ft-buttons-cont a,
.xoo-wsc-empty-cart a {
color: #fff;
text-align: left !important;
display: block !important;
margin-top: 15px !important;
}
.xoo-wsc-ft-buttons-cont a:hover,
.xoo-wsc-empty-cart a:hover {
color: #fff !important;
}
.xoo-wsch-basket .xoo-wscb-icon {
display: none;
}
.xoo-wsch-basket .xoo-wscb-count {
background-color: #29292c;
color: #fff;
position: relative;
border-radius: 5px;
font-weight: bold;
display: inline-block;
height: 20px;
width: 20px;
line-height: 20px;
}
.xoo-wsch-text {
font-size: 16px;
font-weight: 600;
color: #fff;
}
/* ==========================================================================
Slider
========================================================================== */
#zapct-carousel {
background-color: #000;
border-bottom: 1px solid #21b6ab;
}
@media (max-width: 575px) {
#zapct-carousel {
margin-top: -85px;
}
}
#zapct-carousel .carousel-item {
height: auto;
}
#zapct-carousel .carousel-item .slide-thumb-wrapper {
aspect-ratio: 1/1;
display: block;
position: relative;
}
#zapct-carousel .carousel-item .slide-thumb-wrapper img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
}
#zapct-carousel .carousel-item .slide-thumb-wrapper:before {
content: "";
position: absolute;
left: -1px;
top: 0;
bottom: 0;
width: 60px;
background-color: #000;
z-index: 50;
-webkit-clip-path: polygon(0 0, 100% 0, 0 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 0 100%, 0% 100%);
}
@media (max-width: 767px) {
#zapct-carousel .carousel-item .slide-thumb-wrapper:before {
width: auto;
height: 30px;
left: 0;
top: auto;
bottom: -1px;
right: 0;
-webkit-clip-path: polygon(0 0, 100% 100%, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 100%, 100% 100%, 0% 100%);
}
}
#zapct-carousel .carousel-item .thumb-col {
order: 2;
}
@media (max-width: 767px) {
#zapct-carousel .carousel-item .thumb-col {
order: 1;
}
}
#zapct-carousel .carousel-item .content-col {
align-items: center !important;
display: flex;
background-image: url(../images/Hero_Carp_Image.svg);
background-position: right bottom -50px;
background-repeat: no-repeat;
background-size: 268px 290px;
order: 1;
}
@media (max-width: 767px) {
#zapct-carousel .carousel-item .content-col {
order: 2;
}
}
#zapct-carousel .carousel-item .content-col .content-inner {
padding: 0px 90px;
}
@media (max-width: 767px) {
#zapct-carousel .carousel-item .content-col .content-inner {
padding: 30px 15px;
text-align: center;
width: 100%;
}
}
#zapct-carousel .carousel-item h4 {
color: #fff;
font-size: 68px;
line-height: 1;
margin-bottom: 0px;
text-transform: uppercase;
letter-spacing: 0.05rem;
font-weight: 400;
}
@media (max-width: 991px) {
#zapct-carousel .carousel-item h4 {
font-size: 50px;
}
}
@media (max-width: 767px) {
#zapct-carousel .carousel-item h4 {
font-size: 36px;
margin-bottom: 10px;
}
}
#zapct-carousel .carousel-item .divider {
margin: 20px 0;
}
#zapct-carousel .carousel-item h1 {
font-size: 18px;
font-weight: 400;
margin-bottom: 0px;
border-radius: 10px;
margin-bottom: 25px;
color: #fff;
font-family: "Sofia Sans", sans-serif;
}
@media (max-width: 767px) {
#zapct-carousel .carousel-item h1 {
font-size: 15px;
}
}
@media (max-width: 575px) {
#zapct-carousel .carousel-item h1 {
font-size: 13px;
font-weight: bold;
}
}
#zapct-carousel .carousel-item .btn, #zapct-carousel .carousel-item body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type button, body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type #zapct-carousel .carousel-item button, #zapct-carousel .carousel-item .checkout-button, #zapct-carousel .carousel-item .zapct-next-draw .container .until-next, .zapct-next-draw .container #zapct-carousel .carousel-item .until-next, #zapct-carousel .carousel-item .xoo-wsc-slider .xoo-wsc-sl-apply-coupon button, .xoo-wsc-slider .xoo-wsc-sl-apply-coupon #zapct-carousel .carousel-item button, #zapct-carousel .carousel-item .xoo-wsc-ft-buttons-cont a, .xoo-wsc-ft-buttons-cont #zapct-carousel .carousel-item a,
#zapct-carousel .carousel-item .xoo-wsc-empty-cart a,
.xoo-wsc-empty-cart #zapct-carousel .carousel-item a {
margin-bottom: 15px;
}
@media (max-width: 575px) {
.carousel-control-prev, .carousel-control-next {
bottom: 30%;
width: 15% !important;
}
}
/* ==========================================================================
Stats
========================================================================== */
#zapct-homepage-stats {
background-color: #1d1d1d;
padding: 20px 0 20px;
border: 1px solid #b2b2b2;
margin: 45px 30px 20px;
border-radius: 10px;
}
@media (max-width: 767px) {
#zapct-homepage-stats {
margin: 15px;
padding: 10px 0;
border-radius: 5px;
}
}
#zapct-homepage-stats .container > .row {
justify-content: center !important;
flex-direction: row !important;
}
@media (max-width: 575px) {
#zapct-homepage-stats .container {
padding: 0px;
}
}
#zapct-homepage-stats .col-md {
display: flex;
max-width: none !important;
width: auto !important;
padding-left: 25px;
padding-right: 25px;
flex-grow: unset !important;
flex-basis: unset !important;
}
@media (max-width: 575px) {
#zapct-homepage-stats .col-md {
padding: 10px 5px;
}
}
#zapct-homepage-stats .row.no-gutters {
align-items: center !important;
}
#zapct-homepage-stats .zapct-homepage-stats-item {
color: #fff;
margin: 1px !important;
}
#zapct-homepage-stats .zapct-homepage-stats-item .col-md-3 {
flex: 0 0 60px;
max-width: 60px;
height: 60px;
}
@media (max-width: 1199px) {
#zapct-homepage-stats .zapct-homepage-stats-item .col-md-3 {
flex: 0 0 50px;
max-width: 50px;
height: 50px;
}
}
@media (max-width: 767px) {
#zapct-homepage-stats .zapct-homepage-stats-item .col-md-3 {
flex: 0 0 40px;
max-width: 40px;
height: 40px;
}
}
#zapct-homepage-stats .zapct-homepage-stats-item .col-md-9 {
flex: 0 0 calc(100% - 60px);
max-width: calc(100% - 60px);
}
@media (max-width: 1199px) {
#zapct-homepage-stats .zapct-homepage-stats-item .col-md-9 {
flex: 0 0 calc(100% - 50px);
max-width: calc(100% - 50px);
}
}
@media (max-width: 767px) {
#zapct-homepage-stats .zapct-homepage-stats-item .col-md-9 {
flex: 0 0 calc(100% - 40px);
max-width: calc(100% - 40px);
}
}
#zapct-homepage-stats .zapct-homepage-stats-item .icon {
margin: 0px;
}
@media (max-width: 767px) {
#zapct-homepage-stats .zapct-homepage-stats-item .icon {
margin: 0px 0 0;
}
}
#zapct-homepage-stats .zapct-homepage-stats-item .icon img {
height: 60px;
width: auto;
display: block;
}
@media (max-width: 1199px) {
#zapct-homepage-stats .zapct-homepage-stats-item .icon img {
height: 50px;
}
}
@media (max-width: 767px) {
#zapct-homepage-stats .zapct-homepage-stats-item .icon img {
height: 40px;
}
}
#zapct-homepage-stats .zapct-homepage-stats-item h3 {
font-size: 36px;
line-height: 1;
padding-left: 20px;
margin-bottom: 0px;
text-align: left;
color: #fff;
}
@media (max-width: 1199px) {
#zapct-homepage-stats .zapct-homepage-stats-item h3 {
font-size: 26px;
padding-left: 15px;
}
}
@media (max-width: 767px) {
#zapct-homepage-stats .zapct-homepage-stats-item h3 {
font-size: 18px;
padding-left: 10px;
}
}
#zapct-homepage-stats .zapct-homepage-stats-item p {
font-size: 18px;
line-height: 1;
padding-left: 20px;
margin: 0px;
text-align: left;
color: #9a9a9a;
}
@media (max-width: 1199px) {
#zapct-homepage-stats .zapct-homepage-stats-item p {
font-size: 15px;
padding-left: 15px;
}
}
@media (max-width: 767px) {
#zapct-homepage-stats .zapct-homepage-stats-item p {
font-size: 11px;
padding-left: 10px;
}
}
/* ==========================================================================
Next Draw Timer
========================================================================== */
.zapct-next-draw .container {
color: #fff;
padding: 13.5px 30px;
position: relative;
}
@media (max-width: 767px) {
.zapct-next-draw .container {
max-width: 650px;
padding: 0px 0px 10px;
}
}
@media (max-width: 767px) {
.zapct-next-draw .container .timer-inner {
display: block !important;
padding: 0px 15px;
}
}
.zapct-next-draw .container .timer-inner .trustpilot-widget {
background-color: #fff;
border-radius: 7px;
width: 208px;
text-align: center;
padding: 16.5px 5px;
}
@media (max-width: 767px) {
.zapct-next-draw .container .timer-inner .trustpilot-widget {
width: 100%;
margin-bottom: 15px;
}
}
.zapct-next-draw .container .until-next {
order: 1;
background-color: #444444;
border: 1px solid #090909;
border-radius: 5px;
padding-right: 30px;
}
@media (max-width: 767px) {
.zapct-next-draw .container .until-next {
flex: 0 0 100%;
background-color: transparent;
border-color: transparent;
color: #090909 !important;
font-size: 30px;
padding-bottom: 0px;
padding-top: 0px;
}
}
@media (max-width: 575px) {
.zapct-next-draw .container .until-next {
font-size: 24px;
}
}
.zapct-next-draw .container .until-next:hover {
border: 1px solid #090909 !important;
}
.zapct-next-draw .container .until-next:after {
display: none;
}
.zapct-next-draw .container .until-next h3 {
margin-bottom: 0px;
letter-spacing: 0.075rem;
text-transform: uppercase;
font-weight: 400;
}
@media (max-width: 991px) {
.zapct-next-draw .container .until-next h3 {
font-size: 20px;
}
}
.zapct-next-draw .container #draw-countdown {
padding: 0px 0px 12px;
position: relative;
order: 2;
background-color: #1d1d1d;
border: 1px solid #606060;
border-radius: 5px;
flex: 0 0 600px;
max-width: 600px;
text-align: center;
}
@media (max-width: 767px) {
.zapct-next-draw .container #draw-countdown {
flex: 0 0 100%;
max-width: 100%;
}
}
.zapct-next-draw .container #draw-countdown:before {
display: block;
content: "Countdown Until Next Live Draw";
background-color: #606060;
color: #fff;
font-family: "Sofia Sans Extra Condensed", sans-serif;
text-transform: uppercase;
font-size: 22px;
text-align: center;
margin-bottom: 20px;
letter-spacing: 0.1rem;
}
.zapct-next-draw .container #draw-countdown div {
display: inline-block;
text-align: center;
font-size: 18px;
text-transform: uppercase;
padding: 0 10px;
width: 23%;
font-weight: 900;
color: #21b6ab;
font-family: "Sofia Sans Extra Condensed", sans-serif;
position: relative;
}
@media (max-width: 991px) {
.zapct-next-draw .container #draw-countdown div {
width: 60px;
}
}
.zapct-next-draw .container #draw-countdown div span {
display: block;
font-size: 48px;
line-height: 1;
font-weight: 500;
color: #fff;
}
@media (max-width: 991px) {
.zapct-next-draw .container #draw-countdown div span {
font-size: 32px;
}
}
.zapct-next-draw .container #draw-countdown div:after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 2px;
height: 40px;
background-color: #febf31;
}
.zapct-next-draw .container #draw-countdown div:last-of-type:after {
display: none;
}
.zapct-next-draw .container .link {
order: 3;
width: 185px;
text-align: center;
}
@media (max-width: 767px) {
.zapct-next-draw .container .link {
width: 100%;
margin-top: 20px;
}
}
/* ==========================================================================
Custom Blocks
========================================================================== */
#zapct-homepage-custom-block-2 {
background-color: #353535;
background-image: url(../images/social-section.jpg);
background-size: cover;
background-position: center center;
padding: 90px 15px;
position: relative;
margin-top: 90px;
}
@media (max-width: 991px) {
#zapct-homepage-custom-block-2 {
margin-top: 0px;
padding: 45px 15px 0px;
}
}
#zapct-homepage-custom-block-2 .container {
max-width: 1120px;
}
#zapct-homepage-custom-block-2 h2 {
color: #fff;
text-transform: uppercase;
font-weight: 400;
font-size: 48px;
letter-spacing: 0.1rem;
}
@media (max-width: 991px) {
#zapct-homepage-custom-block-2 h2 {
font-size: 40px;
margin-top: 30px;
}
}
#zapct-homepage-custom-block-2 .socials, #zapct-homepage-custom-block-2 .app {
text-align: center;
}
#zapct-homepage-custom-block-2 .socials ul, #zapct-homepage-custom-block-2 .app ul {
list-style: none;
padding: 0px;
margin: 0px;
text-align: center;
}
#zapct-homepage-custom-block-2 .socials ul li, #zapct-homepage-custom-block-2 .app ul li {
display: inline-block;
margin: 0 5px;
}
#zapct-homepage-custom-block-2 .socials ul li a, #zapct-homepage-custom-block-2 .app ul li a {
display: block;
}
#zapct-homepage-custom-block-2 .socials ul li a img, #zapct-homepage-custom-block-2 .app ul li a img {
height: 60px;
width: auto;
}
@media (max-width: 991px) {
#zapct-homepage-custom-block-2 .socials ul li a img, #zapct-homepage-custom-block-2 .app ul li a img {
margin-bottom: 10px;
}
}
#zapct-homepage-custom-block-2 .phone-hand {
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
margin-left: -50px;
}
@media (max-width: 991px) {
#zapct-homepage-custom-block-2 .phone-hand {
position: relative;
left: auto;
bottom: auto;
transform: translateX(0);
display: block;
margin: 30px auto 0;
}
}
/* ==========================================================================
Reviews
========================================================================== */
.zapct-reviews-embed {
padding: 60px 0px 60px;
background-color: #fff;
}
@media (max-width: 767px) {
.zapct-reviews-embed {
padding: 30px 0px;
}
}
.zapct-reviews-embed .section-title {
color: #090909;
}
/* ==========================================================================
Why Choose Us?
========================================================================== */
#zapct-homepage-steps {
position: relative;
border-bottom: none !important;
background-color: #111111;
padding-top: 30px;
}
@media (max-width: 767px) {
#zapct-homepage-steps {
padding-bottom: 30px;
}
}
#zapct-homepage-steps .section-title {
color: #fff;
}
#zapct-homepage-steps .homepage-steps-inner {
position: relative;
z-index: 50;
}
#zapct-homepage-steps .homepage-steps-inner .item {
margin: 0px !important;
color: #fff !important;
padding: 35px 30px !important;
background-color: #242424 !important;
border: 1px solid #b2b2b2 !important;
position: relative;
border-radius: 10px;
}
@media (max-width: 767px) {
#zapct-homepage-steps .homepage-steps-inner .item {
border-right: none;
margin-bottom: 30px !important;
}
}
#zapct-homepage-steps .homepage-steps-inner .item .icon {
margin-top: 0px;
margin-bottom: 30px;
}
#zapct-homepage-steps .homepage-steps-inner .item .icon img {
height: 70px;
}
@media (max-width: 767px) {
#zapct-homepage-steps .homepage-steps-inner .item .icon img {
height: 80px;
width: auto;
}
}
#zapct-homepage-steps .homepage-steps-inner .item h3 {
font-size: 24px;
letter-spacing: 0.1rem;
text-transform: uppercase;
color: #fff;
}
#zapct-homepage-steps .homepage-steps-inner .item p {
font-size: 14px;
margin: 0px;
}
#zapct-homepage-steps .homepage-steps-inner .col-md:last-of-type .item {
border-right: none;
}
/* ==========================================================================
How to Play
========================================================================== */
#zapct-homepage-icon-group {
background-color: #1d1d1d;
padding: 60px 15px 100px;
}
@media (max-width: 767px) {
#zapct-homepage-icon-group {
padding: 50px 15px;
}
}
#zapct-homepage-icon-group .container > .row {
background-color: #090909;
border: 1px solid #b2b2b2;
border-radius: 10px;
margin-top: 60px;
}
#zapct-homepage-icon-group .container .item {
text-align: center;
}
#zapct-homepage-icon-group .container .item .icon {
text-align: center;
}
#zapct-homepage-icon-group .container .item .icon img {
height: 90px;
width: auto;
}
#zapct-homepage-icon-group .container .item h3 {
color: #fff;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 0.1rem;
}
#zapct-homepage-icon-group .container .item h3:after {
content: "";
display: block;
width: 81px;
height: 9px;
background-image: url(../images/Hero_ZigZag.svg);
background-size: cover;
margin: 10px auto 10px;
}
#zapct-homepage-icon-group .container .item .desc {
color: #868686;
}
#zapct-homepage-icon-group .container .item .desc p {
font-size: 18px;
}
/* ==========================================================================
Winners
========================================================================== */
#zapct-homepage-winners {
padding: 70px 0 70px;
background-color: #111111;
}
#zapct-homepage-winners .section-title {
color: #fff;
}
#zapct-homepage-winners .card {
margin: 0px !important;
}
.zapct-winners .col-md-4 {
margin-bottom: 30px;
}
.zapct-winners .card {
background-color: #1d1d1d;
padding: 4px;
border-radius: 5px;
border: none;
border: 1px solid #b2b2b2;
box-shadow: 0 0.5rem 1rem rgba(23, 23, 23, 0.15);
height: 100%;
margin-bottom: 0px;
}
.zapct-winners .card img {
border-radius: 0px !important;
}
.zapct-winners .card .card-body {
text-align: center;
color: #fff;
}
@media (max-width: 991px) {
.zapct-winners .card .card-body {
padding: 15px 15px;
}
}
@media (max-width: 575px) {
.zapct-winners .card .card-body {
padding: 15px 5px;
}
}
.zapct-winners .card .card-body .card-title {
color: #fff;
font-weight: 400;
font-size: 30px;
text-transform: uppercase;
letter-spacing: 0.05rem;
}
@media (max-width: 575px) {
.zapct-winners .card .card-body .card-title {
font-size: 13px;
margin-bottom: 5px !important;
}
}
.zapct-winners .card .card-body .card-text {
color: #21b6ab;
margin-bottom: 0px;
}
@media (max-width: 575px) {
.zapct-winners .card .card-body .card-text {
font-size: 12px;
}
}
.zapct-winners .card .card-body .card-text .winning-ticket {
color: #fff;
}
.zapct-winners .card .card-body .card-text .winning-ticket i {
display: none;
}
.zapct-winners .card .card-body .card-text strong, .zapct-winners .card .card-body .card-text i {
display: none;
}
/* ==========================================================================
Newsletter
========================================================================== */
.zapct-newsletter-block {
background-color: #f8f8f8 !important;
background-image: url(../images/grass.png) !important;
background-size: contain !important;
background-position: bottom center !important;
background-repeat: no-repeat !important;
background-attachment: initial !important;
padding: 45px 0 70px;
}
@media (max-width: 767px) {
.zapct-newsletter-block {
background-size: auto 130px !important;
}
}
.zapct-newsletter-block .overlay {
padding: 0px;
}
.zapct-newsletter-block .klaviyo-form .kl-private-quill-wrapper-Lkqws1 h4 {
font-weight: bold;
display: block !important;
}
.zapct-newsletter-block .klaviyo-form .kl-private-quill-wrapper-Lkqws1 h4 strong {
font-size: 24px !important;
font-weight: bold !important;
color: #090909 !important;
width: 100% !important;
}
@media (max-width: 575px) {
.zapct-newsletter-block .klaviyo-form .kl-private-quill-wrapper-Lkqws1 h4 strong {
font-size: 18px !important;
}
}
.zapct-newsletter-block .klaviyo-form .kl-private-quill-wrapper-Lkqws1 h4 strong:after {
content: "";
display: inline-block;
height: 20px;
width: 21px;
margin-left: 5px;
}
.zapct-newsletter-block .klaviyo-form .kl-private-quill-wrapper-Lkqws1 p span {
color: #090909 !important;
}
.zapct-newsletter-block .klaviyo-form label {
color: #090909 !important;
}
.zapct-newsletter-block .klaviyo-form input[type=text],
.zapct-newsletter-block .klaviyo-form input[type=email] {
padding: 10px 20px !important;
height: 50px !important;
border-radius: 10px !important;
}
.zapct-newsletter-block .klaviyo-form button.go3235436382 {
padding: 17px 20px !important;
border-radius: 10px !important;
text-transform: uppercase !important;
font-weight: bold !important;
}
/* ==========================================================================
FAQs
========================================================================== */
#zapct-faq-accordion {
max-width: 850px;
margin: 0 auto;
}
#zapct-faq-accordion .card {
margin-bottom: 20px;
border-radius: 5px;
border-color: #29292c;
overflow: hidden;
}
#zapct-faq-accordion .card .card-header {
padding: 0px;
border: none;
}
#zapct-faq-accordion .card .card-header h5 {
border-radius: 10px !important;
}
#zapct-faq-accordion .card .card-header button {
padding: 15px;
padding-right: 60px;
width: 100%;
text-align: left;
color: #fff;
background-color: #000;
border-radius: 0px !important;
text-transform: none !important;
font-size: 22px;
font-weight: 500;
background-image: url(../images/arrow-ticket-sales.png);
background-size: 12px 10px;
background-repeat: no-repeat;
background-position: right 20px center;
white-space: normal;
}
#zapct-faq-accordion .card .card-header button:after, #zapct-faq-accordion .card .card-header button:before {
display: none;
}
#zapct-faq-accordion .card .card-header button[aria-expanded=true] {
background-image: url(../images/arrow-ticket-sales-down.png);
}
#zapct-faq-accordion .card .card-body {
border-top: 1px solid #29292c;
background-color: #090909;
}
#zapct-faq-accordion .card .card-body .zapct-message-block {
border: none;
}
#zapct-faq-accordion .card .card-body p {
color: #b2b2b2;
}
#zapct-faq-accordion .card .card-body ul {
padding-left: 30px;
}
#zapct-faq-accordion .card .card-body a {
color: #21b6ab;
}
/* ==========================================================================
Contact
========================================================================== */
#contact-form .btn-primary {
font-weight: bold !important;
background-color: #21b6ab !important;
border-color: #21b6ab !important;
background-image: url(../images/White_Arrow.svg);
background-repeat: no-repeat;
background-size: 10px 10px;
background-position: right 15px center;
}
/* ==========================================================================
WooCommerce
========================================================================== */
.zap-lottery-user-ticket-count {
background-color: #21b6ab !important;
margin-top: 0px !important;
border-radius: 0.25rem;
}
.woocommerce-notices-wrapper div {
text-align: center;
}
.woocommerce-notices-wrapper .alert {
display: flex;
align-items: center !important;
justify-content: space-between !important;
}
.woocommerce-notices-wrapper .alert.alert-success {
text-align: left;
}
.woocommerce-notices-wrapper .alert.alert-success .btn, .woocommerce-notices-wrapper .alert.alert-success body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type button, body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type .woocommerce-notices-wrapper .alert.alert-success button, .woocommerce-notices-wrapper .alert.alert-success .checkout-button, .woocommerce-notices-wrapper .alert.alert-success .xoo-wsc-slider .xoo-wsc-sl-apply-coupon button, .xoo-wsc-slider .xoo-wsc-sl-apply-coupon .woocommerce-notices-wrapper .alert.alert-success button, .woocommerce-notices-wrapper .alert.alert-success .xoo-wsc-ft-buttons-cont a, .xoo-wsc-ft-buttons-cont .woocommerce-notices-wrapper .alert.alert-success a,
.woocommerce-notices-wrapper .alert.alert-success .xoo-wsc-empty-cart a,
.xoo-wsc-empty-cart .woocommerce-notices-wrapper .alert.alert-success a, .woocommerce-notices-wrapper .alert.alert-success .zapct-next-draw .container .until-next, .zapct-next-draw .container .woocommerce-notices-wrapper .alert.alert-success .until-next {
order: 2;
margin-left: 10px;
}
.woocommerce-notices-wrapper .alert.alert-danger {
display: block;
}
p.woocommerce-info {
position: relative;
padding: 0.75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 0.25rem;
overflow: auto;
text-align: center;
color: #004085;
background-color: #cce5ff;
border-color: #b8daff;
}
.woocommerce-store-notice.demo_store {
display: none !important;
}
.zapct-products {
background-color: #111111 !important;
padding-top: 50px !important;
padding-bottom: 10px !important;
border-bottom: none !important;
}
@media (max-width: 575px) {
.zapct-products {
padding-top: 50px !important;
}
}
.zapct-products .section-title {
color: #fff;
}
.zapct-homepage-button-wrap {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
max-width: 1140px;
text-align: center;
}
@media (max-width: 575px) {
ul.products {
margin-left: -5px !important;
margin-right: -5px !important;
}
}
@media (max-width: 575px) {
ul.products li {
padding-left: 5px !important;
padding-right: 5px !important;
}
}
ul.products li .inner-wrapper {
background-color: #1d1d1d;
text-align: center;
border: none !important;
border-radius: 5px !important;
overflow: hidden;
border: 1px solid #b2b2b2 !important;
padding: 7px 7px 75px !important;
}
@media (max-width: 575px) {
ul.products li .inner-wrapper {
padding: 5px 5px 50px !important;
border-radius: 7.5px !important;
}
}
ul.products li .inner-wrapper .zapct-thumbnail-wrap {
z-index: 25;
}
ul.products li .inner-wrapper .zapct-thumbnail-wrap .product-badges {
position: absolute;
left: 0;
right: 0;
bottom: 10px;
text-align: center;
}
ul.products li .inner-wrapper .zapct-thumbnail-wrap .product-badges .badge {
padding-bottom: 3px;
box-shadow: 0 0 0 0 #febf31;
animation: pulse-badge 2s infinite;
}
@keyframes pulse-badge {
0% {
transform: scale(0.95);
box-shadow: 0 0 0 0 #febf31;
}
70% {
transform: scale(1);
box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
}
100% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
}
}
ul.products li .inner-wrapper .zapc-date-banner {
background-color: transparent !important;
padding: 0px !important;
text-align: center;
margin-top: 10px !important;
}
@media (max-width: 575px) {
ul.products li .inner-wrapper .zapc-date-banner {
margin-top: 5px !important;
}
}
ul.products li .inner-wrapper .zapc-date-banner .inner {
font-family: "Sofia Sans Extra Condensed", sans-serif;
margin: 0px !important;
position: relative;
font-size: 16px !important;
text-transform: uppercase !important;
background-color: #21b6ab !important;
font-weight: 900 !important;
color: #fff !important;
width: auto;
border-radius: 3px;
line-height: 1 !important;
padding: 4px 15px 2px !important;
z-index: 50;
letter-spacing: 0.1rem;
display: inline-block;
}
@media (max-width: 575px) {
ul.products li .inner-wrapper .zapc-date-banner .inner {
font-size: 11px !important;
letter-spacing: 0.05rem;
}
}
ul.products li .inner-wrapper .zapc-date-banner.zap-draw-days-0 .inner {
animation-name: pulse;
animation-duration: 1s;
animation-iteration-count: infinite;
background-color: #FF5F5D !important;
color: #fff !important;
}
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.03);
}
100% {
transform: scale(1);
}
}
ul.products li .inner-wrapper .zapc-date-banner.zap-draw-days-1 .inner {
background-color: #febf31 !important;
color: #090909 !important;
}
ul.products li .inner-wrapper .zapc-date-banner.sold-out .inner {
background-color: #fff !important;
color: #FF5F5D !important;
border: 1px solid #FF5F5D !important;
}
ul.products li .inner-wrapper .zapc-countdown {
padding: 4px 0px !important;
position: relative;
order: 2;
background-color: #090909 !important;
border-radius: 3px;
text-align: center;
}
@media (max-width: 767px) {
ul.products li .inner-wrapper .zapc-countdown {
padding-top: 5px;
text-align: center !important;
margin-top: 5px !important;
}
}
ul.products li .inner-wrapper .zapc-countdown div {
display: inline-block;
text-align: center !important;
font-size: 12px !important;
text-transform: uppercase;
padding: 0 10px;
width: 23% !important;
font-weight: 900;
color: #21b6ab;
font-family: "Sofia Sans Extra Condensed", sans-serif;
position: relative;
}
@media (max-width: 575px) {
ul.products li .inner-wrapper .zapc-countdown div {
text-align: center !important;
padding: 0px !important;
}
}
ul.products li .inner-wrapper .zapc-countdown div span {
display: block;
font-size: 33px !important;
line-height: 1;
font-weight: 400 !important;
color: #fff;
}
@media (max-width: 575px) {
ul.products li .inner-wrapper .zapc-countdown div span {
font-size: 20px !important;
}
}
ul.products li .inner-wrapper .zapc-countdown div:after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 25px;
background-color: #febf31;
}
@media (max-width: 575px) {
ul.products li .inner-wrapper .zapc-countdown div:after {
display: none;
}
}
ul.products li .inner-wrapper .zapc-countdown div:last-of-type:after {
display: none;
}
ul.products li .inner-wrapper .zap-competitions-progress {
margin: 10px 0px 0px !important;
}
@media (max-width: 575px) {
ul.products li .inner-wrapper .zap-competitions-progress {
margin: 0px 5px 0px !important;
padding-top: 0px !important;
border-top: none !important;
}
}
ul.products li .inner-wrapper .zap-competitions-progress.zap-competitions-progress-filler {
height: 20px !important;
background-color: #87898e !important;
border-radius: 2px !important;
position: relative;
}
ul.products li .inner-wrapper .zap-competitions-progress.zap-competitions-progress-filler:before {
content: "Guaranteed Draw";
position: absolute;
left: 2px;
top: 50%;
right: 2px;
transform: translate(0%, -50%);
color: #fff !important;
font-size: 12px;
font-weight: bold;
text-align: center;
}
ul.products li .inner-wrapper .zap-competitions-progress .progress-track {
border: none !important;
background-color: #0a423e !important;
border: 1px solid #29292c !important;
border-radius: 2px !important;
color: #fff !important;
}
ul.products li .inner-wrapper .zap-competitions-progress .progress-track .progress-bar {
background-color: #21b6ab !important;
overflow: visible;
position: relative;
border-radius: 0px !important;
}
ul.products li .inner-wrapper .zap-competitions-progress .progress-track .mini-label {
color: #fff !important;
font-size: 11px !important;
right: 0% !important;
transform: translate(0%, -50%) !important;
left: 0 !important;
text-align: center !important;
text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.82);
letter-spacing: 0.05rem;
font-weight: 900 !important;
}
ul.products li .inner-wrapper .zap-competitions-progress .marker {
background-color: #090909;
border: 1px solid #b2b2b2;
position: absolute;
right: 0;
top: -3px;
bottom: -3px;
width: 4px;
}
ul.products li .inner-wrapper .price {
text-align: left !important;
margin: 0px 15px !important;
}
@media (max-width: 575px) {
ul.products li .inner-wrapper .price {
padding-top: 5px !important;
margin: 0px 5px !important;
}
}
ul.products li .inner-wrapper .price .woocommerce-Price-amount {
color: #febf31 !important;
font-size: 24px !important;
}
@media (max-width: 991px) {
ul.products li .inner-wrapper .price .woocommerce-Price-amount {
font-size: 18px !important;
}
}
@media (max-width: 575px) {
ul.products li .inner-wrapper .price .woocommerce-Price-amount {
font-size: 14px !important;
}
}
ul.products li .inner-wrapper .price del {
color: #febf31 !important;
}
@media (max-width: 575px) {
ul.products li .inner-wrapper .price del {
display: none !important;
}
}
ul.products li .inner-wrapper .price ins {
color: #febf31 !important;
}
ul.products li .inner-wrapper .price ins .woocommerce-Price-amount.amount {
color: #febf31 !important;
}
ul.products li .inner-wrapper .price .price_suffix {
font-weight: 500 !important;
font-size: 12px !important;
text-transform: none !important;
color: #fff !important;
}
@media (max-width: 575px) {
ul.products li .inner-wrapper .price .price_suffix {
font-size: 9px !important;
}
}
ul.products li .inner-wrapper .woocommerce-loop-product__title {
padding: 0px !important;
margin: 0px 15px !important;
font-weight: 500 !important;
color: #fff !important;
font-size: 24px !important;
text-align: left !important;
font-family: "Sofia Sans", sans-serif;
}
@media (max-width: 991px) {
ul.products li .inner-wrapper .woocommerce-loop-product__title {
font-size: 18px !important;
}
}
@media (max-width: 575px) {
ul.products li .inner-wrapper .woocommerce-loop-product__title {
font-size: 13px !important;
margin: 0px 5px !important;
}
}
ul.products li .inner-wrapper .zapc-cash-alt {
text-align: center;
color: #21b6ab;
font-weight: 600;
font-size: 13px;
background-color: transparent;
border: 1px solid #242424;
padding: 3px 5px 2px;
border-radius: 5px;
margin: 10px 10px 0px;
animation-name: bg-fade;
animation-duration: 3s;
animation-iteration-count: infinite;
font-family: "Sofia Sans Extra Condensed", sans-serif;
text-transform: uppercase;
letter-spacing: 0.1rem;
}
ul.products li .inner-wrapper .zapc-cash-alt:before {
content: "";
color: #febf31;
background-color: #febf31;
margin-right: 5px;
border-radius: 50%;
height: 6px;
width: 6px;
display: inline-block;
transform: translateY(-1px);
}
@media (max-width: 575px) {
ul.products li .inner-wrapper .zapc-cash-alt:before {
display: none;
}
}
@keyframes bg-fade {
0% {
background-color: #090909;
color: #fff;
border-color: #242424;
}
50% {
background-color: #090909;
color: #21b6ab;
border-color: #21b6ab;
}
100% {
background-color: #090909;
color: #fff;
border-color: #242424;
}
}
@media (max-width: 575px) {
ul.products li .inner-wrapper .zapc-cash-alt {
font-size: 11px;
letter-spacing: 0.05rem;
margin: 10px 0px 0px !important;
}
}
ul.products li .inner-wrapper .onsale {
z-index: 50;
font-size: 10px !important;
text-transform: uppercase !important;
background-color: #df3c10 !important;
letter-spacing: 0.075rem;
padding: 2.5px 15px !important;
right: 20px !important;
top: 20px !important;
}
@media (max-width: 575px) {
ul.products li .inner-wrapper .onsale {
right: 10px !important;
top: 10px !important;
}
}
ul.products li .inner-wrapper .button {
text-align: center !important;
background-color: #21b6ab !important;
border: 2px solid #21b6ab !important;
padding: 5px 15px !important;
margin: 0px 15px 15px !important;
border-radius: 5px !important;
text-align: left !important;
font-size: 22px !important;
text-align: center !important;
}
@media (max-width: 575px) {
ul.products li .inner-wrapper .button {
margin: 0px 5px 5px !important;
text-align: center !important;
padding: 2px 5px !important;
font-size: 18px !important;
}
}
@media (max-width: 575px) {
ul.products li .inner-wrapper .button:after {
display: none;
}
}
@media (max-width: 575px) {
ul.products li .inner-wrapper .button:before {
display: none;
}
}
ul.products li .inner-wrapper .button:hover:before {
opacity: 1 !important;
}
ul.products li .inner-wrapper:hover {
border-color: #4e4e55 !important;
}
ul.products li .inner-wrapper:hover .button {
border-color: #21b6ab !important;
background-color: #21b6ab !important;
color: #090909 !important;
}
ul.products li.outofstock .inner-wrapper {
padding-bottom: 15px !important;
}
ul.products li.outofstock .button {
opacity: 0.3 !important;
color: #fff !important;
display: none !important;
}
body.single-product .zapct-page-title {
display: none;
}
body.single-product .woocommerce-product-gallery__wrapper img {
height: auto !important;
}
body.single-product .main-container {
min-height: 1vh;
margin-top: 45px;
background-color: #1d1d1d;
border: 1px solid #868686;
border-radius: 10px;
padding: 30px 30px;
}
@media (max-width: 767px) {
body.single-product .main-container {
padding: 30px 15px;
margin: 10px 10px;
max-width: 100%;
width: auto;
}
}
body.single-product .zap-competition-requirements-wrapper {
max-width: 1400px;
color: #090909;
padding: 30px 15px 10px;
text-align: center;
margin-bottom: 10px;
position: relative;
}
@media (max-width: 575px) {
body.single-product .zap-competition-requirements-wrapper {
margin-bottom: 20px;
padding: 30px 0 10px;
}
body.single-product .zap-competition-requirements-wrapper:after {
content: "";
width: 150px;
height: 1px;
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
background-color: #21b6ab;
}
}
body.single-product .zap-competition-requirements-wrapper .row {
display: block !important;
text-align: center;
}
body.single-product .zap-competition-requirements-wrapper .row .col-md {
display: inline-block !important;
max-width: none !important;
width: auto !important;
text-align: center !important;
padding: 0px !important;
}
@media (max-width: 575px) {
body.single-product .zap-competition-requirements-wrapper .row .col-md {
display: block !important;
}
}
body.single-product .zap-competition-requirements-wrapper .row .col-md div {
display: block !important;
text-align: center !important;
padding: 0px !important;
font-size: 14px;
position: relative;
color: #fff;
}
@media (max-width: 575px) {
body.single-product .zap-competition-requirements-wrapper .row .col-md div {
font-size: 12px;
}
}
body.single-product .zap-competition-requirements-wrapper .row .col-md div:after {
content: " | ";
color: #21b6ab;
margin: 0 3px;
}
@media (max-width: 575px) {
body.single-product .zap-competition-requirements-wrapper .row .col-md div:after {
display: none;
}
}
body.single-product .zap-competition-requirements-wrapper .row .col-md:last-of-type div:after {
display: none;
}
body.single-product .zapc-cash-alt {
text-align: center;
color: #21b6ab;
font-weight: 600;
font-size: 13px;
background-color: transparent;
border: 1px solid #242424;
padding: 3px 15px 2px;
border-radius: 5px;
margin: 0px auto 20px;
animation-name: bg-fade;
animation-duration: 3s;
animation-iteration-count: infinite;
font-family: "Sofia Sans Extra Condensed", sans-serif;
text-transform: uppercase;
letter-spacing: 0.1rem;
display: inline-block;
}
body.single-product .zapc-cash-alt:before {
content: "";
color: #febf31;
background-color: #febf31;
margin-right: 5px;
border-radius: 50%;
height: 6px;
width: 6px;
display: inline-block;
transform: translateY(-1px);
}
@keyframes bg-fade {
0% {
background-color: #090909;
color: #fff;
border-color: #242424;
}
50% {
background-color: #090909;
color: #21b6ab;
border-color: #21b6ab;
}
100% {
background-color: #090909;
color: #fff;
border-color: #242424;
}
}
@media (max-width: 575px) {
body.single-product .zapc-cash-alt {
margin: 10px 0px 10px !important;
display: block;
}
}
body.single-product .summary .product_title {
color: #fff;
text-transform: uppercase;
font-size: 26px;
letter-spacing: 0.075rem;
}
@media (max-width: 767px) {
body.single-product .summary .product_title {
display: none;
}
}
body.single-product .summary .zapc-sale-countdown-wrapper {
margin-bottom: 20px;
color: #fff;
}
body.single-product .summary .zapc-sale-countdown-wrapper .sale-countdown-prefix {
display: inline-block;
}
body.single-product .summary .zapc-sale-countdown-wrapper #sale-countdown {
display: inline-block;
}
body.single-product .summary .zapc-sale-countdown-wrapper #sale-countdown div {
display: inline-block;
}
body.single-product .summary .price {
margin-bottom: 2px;
}
body.single-product .summary .price ins {
color: #febf31;
}
body.single-product .summary .price .woocommerce-Price-amount {
color: #febf31 !important;
font-size: 42px !important;
line-height: 1 !important;
}
body.single-product .summary .price del {
opacity: 0.5;
color: #febf31 !important;
}
body.single-product .summary .price .price_suffix {
text-transform: none !important;
color: #fff;
}
body.single-product .summary .zap-competition-question-text {
border-bottom: none !important;
font-weight: 500 !important;
margin-bottom: 0px !important;
color: #fff !important;
}
body.single-product .summary .zap-lottery-question-answers {
padding-bottom: 0px !important;
}
body.single-product .summary .zap-lottery-question-answers .zap-lottery-question-answer {
margin-bottom: 5px !important;
flex: 0 0 100% !important;
max-width: 100% !important;
}
body.single-product .summary .zap-lottery-question-answers .zap-lottery-question-answer label {
padding: 11px 5px 3px !important;
background-color: #242424 !important;
border: 1px solid #b2b2b2 !important;
font-weight: 400 !important;
color: #fff !important;
border-radius: 5px !important;
text-align: left !important;
padding-left: 50px !important;
}
body.single-product .summary .zap-lottery-question-answers .zap-lottery-question-answer label:before {
border: 5px solid #444444 !important;
background-color: #444444 !important;
width: 22px !important;
height: 22px !important;
left: 25px !important;
border-radius: 50% !important;
}
body.single-product .summary .zap-lottery-question-answers .zap-lottery-question-answer input:checked ~ label {
background-color: #21b6ab !important;
border-color: #21b6ab !important;
color: #090909 !important;
}
body.single-product .summary .zap-lottery-question-answers .zap-lottery-question-answer input:checked ~ label:before {
border-color: #444444 !important;
background-color: #fff !important;
}
body.single-product .summary .zapc-postal-rules-text {
text-align: center;
padding: 15px 0;
border-bottom: 1px solid #29292c;
}
body.single-product .summary .zapc-postal-buttons {
max-width: 280px;
flex: 0 0 280px;
margin: 10px auto;
}
@media (max-width: 575px) {
body.single-product .summary .zapc-postal-buttons {
max-width: 100%;
flex: 0 0 100%;
}
}
body.single-product .summary .zapc-postal-buttons .btn, body.single-product .summary .zapc-postal-buttons body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type button, body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type body.single-product .summary .zapc-postal-buttons button, body.single-product .summary .zapc-postal-buttons .checkout-button, body.single-product .summary .zapc-postal-buttons .xoo-wsc-slider .xoo-wsc-sl-apply-coupon button, .xoo-wsc-slider .xoo-wsc-sl-apply-coupon body.single-product .summary .zapc-postal-buttons button, body.single-product .summary .zapc-postal-buttons .xoo-wsc-ft-buttons-cont a, .xoo-wsc-ft-buttons-cont body.single-product .summary .zapc-postal-buttons a,
body.single-product .summary .zapc-postal-buttons .xoo-wsc-empty-cart a,
.xoo-wsc-empty-cart body.single-product .summary .zapc-postal-buttons a, body.single-product .summary .zapc-postal-buttons .zapct-next-draw .container .until-next, .zapct-next-draw .container body.single-product .summary .zapc-postal-buttons .until-next {
padding: 2px 5px 1px;
background-color: transparent;
color: #febf31;
border-color: #febf31;
font-size: 13px;
text-align: center;
border-width: 1px;
}
body.single-product .summary .zapc-postal-buttons .btn.active, body.single-product .summary .zapc-postal-buttons body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type button.active, body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type body.single-product .summary .zapc-postal-buttons button.active, body.single-product .summary .zapc-postal-buttons .active.checkout-button, body.single-product .summary .zapc-postal-buttons .xoo-wsc-slider .xoo-wsc-sl-apply-coupon button.active, .xoo-wsc-slider .xoo-wsc-sl-apply-coupon body.single-product .summary .zapc-postal-buttons button.active, body.single-product .summary .zapc-postal-buttons .xoo-wsc-ft-buttons-cont a.active, .xoo-wsc-ft-buttons-cont body.single-product .summary .zapc-postal-buttons a.active,
body.single-product .summary .zapc-postal-buttons .xoo-wsc-empty-cart a.active,
.xoo-wsc-empty-cart body.single-product .summary .zapc-postal-buttons a.active, body.single-product .summary .zapc-postal-buttons .zapct-next-draw .container .active.until-next, .zapct-next-draw .container body.single-product .summary .zapc-postal-buttons .active.until-next, body.single-product .summary .zapc-postal-buttons .btn:hover, body.single-product .summary .zapc-postal-buttons body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type button:hover, body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type body.single-product .summary .zapc-postal-buttons button:hover, body.single-product .summary .zapc-postal-buttons .checkout-button:hover, body.single-product .summary .zapc-postal-buttons .xoo-wsc-slider .xoo-wsc-sl-apply-coupon button:hover, .xoo-wsc-slider .xoo-wsc-sl-apply-coupon body.single-product .summary .zapc-postal-buttons button:hover, body.single-product .summary .zapc-postal-buttons .xoo-wsc-ft-buttons-cont a:hover, .xoo-wsc-ft-buttons-cont body.single-product .summary .zapc-postal-buttons a:hover,
body.single-product .summary .zapc-postal-buttons .xoo-wsc-empty-cart a:hover,
.xoo-wsc-empty-cart body.single-product .summary .zapc-postal-buttons a:hover, body.single-product .summary .zapc-postal-buttons .zapct-next-draw .container .until-next:hover, .zapct-next-draw .container body.single-product .summary .zapc-postal-buttons .until-next:hover {
background: linear-gradient(90deg, #febf31 0, #ed8e22 100%) !important;
color: #090909 !important;
border-width: 1px !important;
}
body.single-product .summary div.zap-competition-qty {
margin-top: 13px !important;
flex: 0 0 100% !important;
max-width: 100% !important;
}
@media (max-width: 991px) {
body.single-product .summary div.zap-competition-qty {
flex: 0 0 100% !important;
max-width: 100% !important;
margin-bottom: 0rem !important;
}
}
body.single-product .summary div.zap-competition-qty .zap-competition-range-wrap-outer {
padding: 2rem 15px !important;
width: calc(100% - 84px) !important;
}
body.single-product .summary div.zap-competition-qty .rangeslider {
background-color: #29292c;
border-radius: 5px !important;
}
body.single-product .summary div.zap-competition-qty .rangeslider__fill {
background-color: #febf31;
background: linear-gradient(90deg, #febf31 0, #ed8e22 100%) !important;
border-radius: 5px !important;
}
body.single-product .summary div.zap-competition-qty .rangeslider__handle {
background-color: #adadb6;
border: 1px solid #090909;
border-radius: 5px;
}
body.single-product .summary div.zap-competition-qty .rangeslider__handle__value {
background-color: #606060;
border-top: 1px solid #606060;
padding: 3px 10px 5px;
border-radius: 5px;
top: -40px;
font-weight: bold;
font-size: 10px;
letter-spacing: 0.1rem;
font-family: "Sofia Sans Extra Condensed", sans-serif;
text-transform: uppercase;
}
body.single-product .summary div.zap-competition-qty .rangeslider__handle__value:before {
border-top-color: #606060;
}
body.single-product .summary div.zap-competition-qty .rangeslider.rangeslider--active .rangeslider__handle, body.single-product .summary div.zap-competition-qty .rangeslider.rangeslider--active .rangeslider__handle * {
background-color: #090909 !important;
border-top: 1px solid #090909;
}
body.single-product .summary div.zap-competition-qty .rangeslider.rangeslider--active .rangeslider__handle:before, body.single-product .summary div.zap-competition-qty .rangeslider.rangeslider--active .rangeslider__handle *:before {
border-top-color: #090909;
}
body.single-product .summary div.zap-competition-qty .zap-competition-qty-minus,
body.single-product .summary div.zap-competition-qty .zap-competition-qty-plus {
border-radius: 5px;
background-color: #090909 !important;
border: 1px solid #b2b2b2 !important;
color: #fff !important;
font-weight: bold;
transition: 0.3s;
width: 42px !important;
}
body.single-product .summary div.zap-competition-qty .zap-competition-qty-minus:hover,
body.single-product .summary div.zap-competition-qty .zap-competition-qty-plus:hover {
background-color: #21b6ab;
border-color: #21b6ab !important;
color: #fff;
transition: 0.3s;
}
body.single-product .summary .zapct-add-to-cart-button-wrapper {
flex: 0 0 100% !important;
max-width: 100% !important;
margin-bottom: 10px !important;
margin-top: 26px !important;
}
@media (max-width: 991px) {
body.single-product .summary .zapct-add-to-cart-button-wrapper {
flex: 0 0 100% !important;
max-width: 100% !important;
}
}
body.single-product .summary .zapct-add-to-cart-button-wrapper button {
background-color: #21b6ab !important;
border: 2px solid #21b6ab !important;
width: 100% !important;
margin: 0px !important;
font-weight: 900 !important;
padding-right: 15px !important;
padding-left: 15px !important;
font-size: 16px !important;
text-align: center !important;
transition: 0.3s;
border-radius: 5px !important;
letter-spacing: 0.2rem !important;
font-size: 22px !important;
padding-top: 10px !important;
height: auto !important;
}
body.single-product .summary .zapct-add-to-cart-button-wrapper button:after {
display: none;
}
body.single-product .summary .zapct-add-to-cart-button-wrapper button:hover {
background-color: #21b6ab !important;
border: 2px solid #21b6ab !important;
transition: 0.3s;
}
body.single-product .summary .zapct-add-to-cart-button-wrapper button:hover:before {
opacity: 0;
}
body.single-product .summary .zapc-countdown {
padding: 0px 0px 12px;
position: relative;
text-align: center;
background-color: transparent !important;
max-width: 400px;
margin: 0 auto;
}
@media (max-width: 767px) {
body.single-product .summary .zapc-countdown {
padding-top: 5px;
}
}
body.single-product .summary .zapc-countdown div {
display: inline-block;
text-align: center;
font-size: 15px;
text-transform: uppercase;
padding: 0 10px;
width: 23%;
font-weight: 900;
color: #21b6ab;
font-family: "Sofia Sans Extra Condensed", sans-serif;
position: relative;
}
@media (max-width: 991px) {
body.single-product .summary .zapc-countdown div {
width: 60px;
}
}
body.single-product .summary .zapc-countdown div span {
display: block;
font-size: 40px;
line-height: 1;
font-weight: 500;
color: #fff;
}
@media (max-width: 991px) {
body.single-product .summary .zapc-countdown div span {
font-size: 32px;
}
}
body.single-product .summary .zapc-countdown div:after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 30px;
background-color: #febf31;
}
body.single-product .summary .zapc-countdown div:last-of-type:after {
display: none;
}
body.single-product .summary .zap-competitions-progress {
padding-top: 0px;
margin: 25px 0 0px;
}
body.single-product .summary .zap-competitions-progress .tickets-sold {
text-align: left;
font-size: 12px;
margin-bottom: 3px;
color: #fff;
font-weight: 900;
text-transform: none;
text-transform: uppercase;
letter-spacing: 0.05rem;
}
body.single-product .summary .zap-competitions-progress .tickets-sold strong {
color: #21b6ab;
font-weight: 900;
}
body.single-product .summary .zap-competitions-progress .progress-track {
border: none !important;
background-color: #0a423e !important;
border: 0px solid #4e4e55 !important;
border-radius: 2px !important;
max-width: 100%;
margin: 0 auto;
}
body.single-product .summary .zap-competitions-progress .progress-track .progress-bar {
background-color: #21b6ab !important;
overflow: visible;
position: relative;
border-radius: 0px !important;
}
body.single-product .summary .zap-competitions-progress .progress-track .mini-label {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) !important;
color: #fff !important;
font-size: 11px;
text-transform: uppercase;
z-index: 25;
}
body.single-product .summary .zap-competitions-progress .percentage-marker {
background-color: #090909;
border: 1px solid #b2b2b2;
position: absolute;
right: 0;
top: -3px;
bottom: -3px;
width: 4px;
}
#zap-competition-tabs {
background-color: #29292c;
border-radius: 10px;
position: relative;
}
#zap-competition-tabs:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 45px 45px 0;
border-color: transparent #111111 transparent transparent;
position: absolute;
right: 0;
top: 0;
z-index: 25;
}
#zap-competition-tabs:after {
content: "";
width: 45px;
height: 45px;
background-color: #0e0e11;
position: absolute;
right: 0;
top: 0;
border-bottom-left-radius: 10px;
z-index: 15;
}
#zap-competition-tabs .nav {
border-color: transparent !important;
width: 100%;
display: block !important;
text-align: center !important;
position: relative;
padding: 25px 0;
padding-right: 45px;
}
#zap-competition-tabs .nav:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: 1px;
background: rgb(28, 28, 32);
background: linear-gradient(90deg, rgb(28, 28, 32) 0%, rgb(177, 3, 0) 100%);
}
#zap-competition-tabs .nav .nav-item {
display: inline-block !important;
margin: 0 30px;
}
@media (max-width: 767px) {
#zap-competition-tabs .nav .nav-item {
display: block;
margin-bottom: 10px;
max-width: 100%;
width: 100%;
}
}
#zap-competition-tabs .nav .nav-item .nav-link {
border-color: #29292c;
background-color: #29292c !important;
color: #fff !important;
border-bottom: 3px solid transparent !important;
font-weight: bold;
font-style: normal;
text-transform: uppercase;
font-size: 22px;
padding: 5px 0 !important;
}
@media (max-width: 575px) {
#zap-competition-tabs .nav .nav-item .nav-link {
font-size: 18px;
}
}
#zap-competition-tabs .nav .nav-item .nav-link.active {
background-color: #29292c !important;
border-bottom: 3px solid #21b6ab !important;
position: relative;
}
#zap-competition-tabs .tab-content {
border: none !important;
color: #fff;
}
@media (max-width: 767px) {
#zap-competition-tabs .tab-content {
border-radius: 15px;
}
}
@media (max-width: 575px) {
#zap-competition-tabs .tab-content {
padding: 2rem 1rem !important;
}
}
#zap-competition-tabs .tab-content h3 {
color: #fff;
font-size: 20px;
text-transform: uppercase;
letter-spacing: 0.075rem;
}
.zap-competition-accordion-wrapper {
flex: 0 0 100%;
}
.zap-competition-accordion-wrapper .container {
max-width: 840px;
}
.zap-competition-accordion-wrapper #accordionTabs .card,
.zap-competition-accordion-wrapper #zapc-accordion .card {
border-radius: 0px;
border-color: transparent;
background-color: transparent;
}
.zap-competition-accordion-wrapper #accordionTabs .card .card-header,
.zap-competition-accordion-wrapper #zapc-accordion .card .card-header {
padding: 0px;
border-radius: 0px;
background-color: transparent;
border-bottom-color: #21b6ab;
}
.zap-competition-accordion-wrapper #accordionTabs .card .card-header button,
.zap-competition-accordion-wrapper #zapc-accordion .card .card-header button {
display: block;
width: 100%;
text-align: left;
margin: 0px;
font-weight: 500;
padding: 15px 15px;
border-color: transparent;
font-size: 18px;
position: relative;
color: #fff;
background-color: #090909;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 0.1rem;
}
.zap-competition-accordion-wrapper #accordionTabs .card .card-header button:hover,
.zap-competition-accordion-wrapper #zapc-accordion .card .card-header button:hover {
cursor: pointer;
}
.zap-competition-accordion-wrapper #accordionTabs .card .card-header button:before,
.zap-competition-accordion-wrapper #zapc-accordion .card .card-header button:before {
content: "";
width: 2px;
height: 20px;
background-color: rgba(255, 255, 255, 0.5);
position: absolute;
right: 30px;
top: 50%;
margin-top: -10px;
transition: 0.3s;
}
.zap-competition-accordion-wrapper #accordionTabs .card .card-header button:after,
.zap-competition-accordion-wrapper #zapc-accordion .card .card-header button:after {
content: "";
height: 2px;
width: 20px;
background-color: rgba(255, 255, 255, 0.5);
position: absolute;
right: 21px;
top: 50%;
margin-top: -1px;
}
.zap-competition-accordion-wrapper #accordionTabs .card .card-body,
.zap-competition-accordion-wrapper #zapc-accordion .card .card-body {
padding: 25px 30px;
color: #fff;
}
.zap-competition-accordion-wrapper #accordionTabs .card .card-body h2,
.zap-competition-accordion-wrapper #zapc-accordion .card .card-body h2 {
display: none;
}
.zap-competition-accordion-wrapper #accordionTabs .card .card-header button[aria-expanded=true],
.zap-competition-accordion-wrapper #zapc-accordion .card .card-header button[aria-expanded=true] {
color: #21b6ab;
}
.zap-competition-accordion-wrapper #accordionTabs .card .card-header button[aria-expanded=true]:before,
.zap-competition-accordion-wrapper #zapc-accordion .card .card-header button[aria-expanded=true]:before {
content: "";
height: 2px;
width: 20px;
background-color: rgba(0, 0, 0, 0.125);
position: absolute;
right: 21px;
top: 50%;
margin-top: -1px;
transition: 0.3s;
}
.zapc-related-products {
background-color: #111111;
}
.zapc-related-products section.related {
background-color: #111111 !important;
}
.zapc-related-products section.related .section-title {
color: #fff;
}
.woocommerce-account .woocommerce {
display: flex;
flex-wrap: wrap;
padding: 5px;
}
@media (max-width: 767px) {
.woocommerce-account .woocommerce {
max-width: 100%;
}
}
.woocommerce-account .woocommerce .woocommerce-notices-wrapper {
flex: 0 0 100%;
max-width: 100%;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation {
flex: 0 0 25%;
max-width: 25%;
margin-bottom: 0 !important;
border: none !important;
border-radius: 0px !important;
background-color: #171717 !important;
}
@media (max-width: 991px) {
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation {
flex: 0 0 40%;
max-width: 40%;
}
}
@media (max-width: 575px) {
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation {
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 20px !important;
}
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation .nav-pills {
display: block;
}
@media (max-width: 991px) {
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation .nav-pills {
position: sticky;
top: 130px;
}
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation .nav-pills a {
background-color: #242424;
border: 1px solid #444444;
color: #fff;
margin-bottom: 10px;
text-align: left;
padding: 5px;
position: relative;
font-weight: bold;
border-radius: 0px !important;
font-size: 15px;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation .nav-pills a:before {
content: "\f245";
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-family: "Font Awesome 5 Pro";
font-weight: 500;
margin-right: 10px;
padding: 6px;
background: #171717;
border: 2px solid #171717;
border-radius: 0px;
font-size: 16px;
width: 40px;
height: 40px;
text-align: center;
color: #febf31;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation .nav-pills a.active, .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation .nav-pills a:hover {
background: #21b6ab;
color: #090909;
border: 1px solid #444444;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation .nav-pills .woocommerce-MyAccount-navigation-link--dashboard a:before {
content: "\f145";
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation .nav-pills .woocommerce-MyAccount-navigation-link--orders a:before {
content: "\f1da";
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation .nav-pills .woocommerce-MyAccount-navigation-link--points-and-rewards a:before {
content: "\f005";
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation .nav-pills .woocommerce-MyAccount-navigation-link--coupons a:before {
content: "\f646";
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation .nav-pills .woocommerce-MyAccount-navigation-link--edit-address a:before {
content: "\f2bb";
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation .nav-pills .woocommerce-MyAccount-navigation-link--payment-methods a:before {
content: "\f38a";
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation .nav-pills .woocommerce-MyAccount-navigation-link--edit-account a:before {
content: "\f007";
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation .nav-pills .woocommerce-MyAccount-navigation-link--customer-logout a:before {
content: "\f00d";
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content {
flex: 0 0 75%;
max-width: 75%;
padding: 0 0 1rem 1rem !important;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
@media (max-width: 991px) {
.woocommerce-account .woocommerce .woocommerce-MyAccount-content {
flex: 0 0 60%;
max-width: 60%;
}
}
@media (max-width: 575px) {
.woocommerce-account .woocommerce .woocommerce-MyAccount-content {
flex: 0 0 100%;
max-width: 100%;
padding: 0 0 1rem 0rem !important;
}
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses, .woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address {
display: block;
max-width: 100%;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses h3, .woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address h3 {
display: none;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-Message.woocommerce-Message--info {
background-color: rgba(33, 182, 171, 0.2);
border: 1px solid #21b6ab;
color: #090909;
text-align: center;
padding: 10px 10px;
border-radius: 6px;
margin-bottom: 20px;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content #payment {
color: #f8f9fa;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content #payment ul {
list-style: none;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .button {
background-color: #21b6ab;
border-color: #21b6ab;
font-weight: 300;
color: #fff;
text-transform: uppercase;
display: inline-block;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .button:hover {
background-color: #21b6ab;
border-color: #21b6ab;
text-decoration: none;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content p em {
color: #f8f9fa;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content #my-account-order-table thead th {
padding-top: 15px;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content table {
color: #090909;
}
@media (max-width: 767px) {
.woocommerce-account .woocommerce .woocommerce-MyAccount-content table {
padding: 20px 10px;
}
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content table tr {
margin-bottom: 0px;
}
@media (max-width: 991px) {
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .col-md-4 {
flex: 0 0 100% !important;
max-width: 100% !important;
}
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .card {
background-color: #242424;
padding: 15px 15px;
border: none;
border-radius: 0 !important;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .card .card-header {
padding-left: 10px;
background: none;
border: none;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .card .card-header-tabs {
border-bottom: 2px solid #21b6ab;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .card .card-header-tabs a {
color: #fff;
background: none;
border-radius: 5px 5px 0 0 !important;
position: relative;
margin-right: 3px;
font-family: "Sofia Sans Extra Condensed", sans-serif;
text-transform: uppercase;
letter-spacing: 0.05rem;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .card .card-header-tabs a.active {
background: #21b6ab;
border-color: transparent !important;
color: #090909 !important;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .card .card-header-tabs a:hover:not(.active) {
background-color: #f8f8f8;
border-color: #f8f8f8 !important;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .card .tab-content .col-md-4 {
margin-bottom: 15px !important;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .card .tab-content .zapc-single-ticket-wrap {
color: #fff;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .card .tab-content .zapc-single-ticket-wrap .zapc-my-account-ticket-wrapper {
color: #090909;
background-color: #969696 !important;
border-radius: 5px;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .card .tab-content .card {
background-color: #f8f9fa;
border-color: #0f1923;
padding: 0px;
margin-bottom: 0px !important;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .card .tab-content .card .card-body {
padding: 15px 10px;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .card .tab-content .card .card-body h5 {
color: #090909;
font-size: 16px;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .card .tab-content .card .card-body h6 {
color: #21b6ab;
font-size: 14px;
text-transform: none;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .card .tab-content .card .card-body .btn, .woocommerce-account .woocommerce .woocommerce-MyAccount-content .card .tab-content .card .card-body body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type button, body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type .woocommerce-account .woocommerce .woocommerce-MyAccount-content .card .tab-content .card .card-body button, .woocommerce-account .woocommerce .woocommerce-MyAccount-content .card .tab-content .card .card-body .checkout-button, .woocommerce-account .woocommerce .woocommerce-MyAccount-content .card .tab-content .card .card-body .xoo-wsc-slider .xoo-wsc-sl-apply-coupon button, .xoo-wsc-slider .xoo-wsc-sl-apply-coupon .woocommerce-account .woocommerce .woocommerce-MyAccount-content .card .tab-content .card .card-body button, .woocommerce-account .woocommerce .woocommerce-MyAccount-content .card .tab-content .card .card-body .xoo-wsc-ft-buttons-cont a, .xoo-wsc-ft-buttons-cont .woocommerce-account .woocommerce .woocommerce-MyAccount-content .card .tab-content .card .card-body a,
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .card .tab-content .card .card-body .xoo-wsc-empty-cart a,
.xoo-wsc-empty-cart .woocommerce-account .woocommerce .woocommerce-MyAccount-content .card .tab-content .card .card-body a, .woocommerce-account .woocommerce .woocommerce-MyAccount-content .card .tab-content .card .card-body .zapct-next-draw .container .until-next, .zapct-next-draw .container .woocommerce-account .woocommerce .woocommerce-MyAccount-content .card .tab-content .card .card-body .until-next {
font-size: 8px;
padding: 10px 5px !important;
text-transform: uppercase !important;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .card .tab-content .card .card-body .btn:after, .woocommerce-account .woocommerce .woocommerce-MyAccount-content .card .tab-content .card .card-body body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type button:after, body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type .woocommerce-account .woocommerce .woocommerce-MyAccount-content .card .tab-content .card .card-body button:after, .woocommerce-account .woocommerce .woocommerce-MyAccount-content .card .tab-content .card .card-body .checkout-button:after, .woocommerce-account .woocommerce .woocommerce-MyAccount-content .card .tab-content .card .card-body .xoo-wsc-slider .xoo-wsc-sl-apply-coupon button:after, .xoo-wsc-slider .xoo-wsc-sl-apply-coupon .woocommerce-account .woocommerce .woocommerce-MyAccount-content .card .tab-content .card .card-body button:after, .woocommerce-account .woocommerce .woocommerce-MyAccount-content .card .tab-content .card .card-body .xoo-wsc-ft-buttons-cont a:after, .xoo-wsc-ft-buttons-cont .woocommerce-account .woocommerce .woocommerce-MyAccount-content .card .tab-content .card .card-body a:after,
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .card .tab-content .card .card-body .xoo-wsc-empty-cart a:after,
.xoo-wsc-empty-cart .woocommerce-account .woocommerce .woocommerce-MyAccount-content .card .tab-content .card .card-body a:after, .woocommerce-account .woocommerce .woocommerce-MyAccount-content .card .tab-content .card .card-body .zapct-next-draw .container .until-next:after, .zapct-next-draw .container .woocommerce-account .woocommerce .woocommerce-MyAccount-content .card .tab-content .card .card-body .until-next:after {
display: none;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content #zapc-recent-tickets {
padding-top: 0;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content #zapc-recent-tickets .zapc-single-ticket-wrap {
width: 100%;
display: block;
border-bottom: 2px solid #21b6ab;
margin-bottom: 1rem;
}
@media (max-width: 991px) {
.woocommerce-account .woocommerce .woocommerce-MyAccount-content #zapc-recent-tickets .zapc-single-ticket-wrap .draw-date {
white-space: nowrap;
}
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content #zapc-recent-tickets .zapc-single-ticket-wrap .ticket-collapse {
background: #f4f8ee;
color: #21b6ab;
margin: 10px 0;
padding: 20px;
}
#customer_login {
margin: 0px !important;
width: 100%;
}
#customer_login .col-md-6 {
margin-bottom: 0px !important;
}
#customer_login .card-body {
background-color: #242424 !important;
border: 1px solid #444444;
}
#customer_login .card-body .card-title {
color: #fff;
text-transform: uppercase;
font-size: 20px;
letter-spacing: 0.1rem;
}
#customer_login .card-body .form-group label {
color: #fff;
}
#customer_login .card-body .woocommerce-form-login__rememberme span {
color: #21b6ab;
}
#customer_login .card-body .woocommerce-password-strength,
#customer_login .card-body .woocommerce-password-hint {
color: #fff;
}
#customer_login .btn-primary {
background-color: #21b6ab;
border-color: #21b6ab !important;
font-weight: bold !important;
color: #090909;
}
.checkout-button:hover,
.place-order .btn:hover,
.place-order body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type button:hover,
body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type .place-order button:hover,
.place-order .xoo-wsc-slider .xoo-wsc-sl-apply-coupon button:hover,
.xoo-wsc-slider .xoo-wsc-sl-apply-coupon .place-order button:hover,
.place-order .xoo-wsc-ft-buttons-cont a:hover,
.xoo-wsc-ft-buttons-cont .place-order a:hover,
.place-order .xoo-wsc-empty-cart a:hover,
.xoo-wsc-empty-cart .place-order a:hover,
.place-order .zapct-next-draw .container .until-next:hover,
.zapct-next-draw .container .place-order .until-next:hover {
border: 2px solid #21b6ab !important;
}
.woocommerce-address-fields label,
.woocommerce-address-fields legend,
.edit-account label,
.edit-account legend {
color: #fff;
}
.woocommerce-address-fields .woocommerce-input-wrapper strong,
.edit-account .woocommerce-input-wrapper strong {
color: #fff;
}
body.woocommerce-lost-password .woocommerce-ResetPassword {
max-width: 480px;
margin: 0 auto;
border: 2px solid #f8f9fa;
padding: 30px 30px;
background-color: #fff;
}
body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row {
display: block !important;
}
body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row label {
display: block;
}
body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row input.woocommerce-Input {
width: 100%;
border: 1px solid #b2b2b2;
border-radius: 3px;
padding: 10px 15px;
}
body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type {
text-align: right;
}
.woocommerce-message .woocommerce-Button {
padding-right: 20px;
margin-right: 10px;
}
.woocommerce-message .woocommerce-Button:after {
display: none;
}
a.showcoupon {
color: #090909 !important;
}
form.checkout_coupon button {
background-color: #21b6ab;
border: 2px solid #21b6ab !important;
}
form.checkout_coupon button:hover {
background-color: #090909 !important;
border: 2px solid #090909 !important;
}
div.product_cat-instant-win .woocommerce-product-gallery__image {
position: relative;
}
div.product_cat-instant-win .woocommerce-product-gallery__image:before {
content: "";
width: 81px;
height: 76px;
position: absolute;
left: 20px;
top: 20px;
background-image: url(../images/instant-win.png);
background-size: contain;
z-index: 50;
background-repeat: no-repeat;
}
@media (max-width: 575px) {
div.product_cat-instant-win .woocommerce-product-gallery__image:before {
left: 10px;
top: 10px;
width: 60px;
height: 56px;
}
}
.single-product div.product .onsale {
display: none;
}
.wc-points-rewards-product-message {
text-align: center;
text-transform: uppercase;
color: #fff;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.05rem;
background-color: #21b6ab;
border: 1px solid #21b6ab;
padding: 3px 5px;
border-radius: 5px;
margin-bottom: 5px;
display: inline-block;
font-family: "Sofia Sans Extra Condensed", sans-serif;
}
.zapc-popup-modal .modal-content {
background-color: #111111;
color: #fff;
}
.zapc-popup-modal .modal-content h1, .zapc-popup-modal .modal-content h2, .zapc-popup-modal .modal-content h3, .zapc-popup-modal .modal-content h4, .zapc-popup-modal .modal-content h5, .zapc-popup-modal .modal-content h6 {
color: #fff;
text-transform: uppercase;
font-size: 1.5rem;
}
.zapc-popup-modal .modal-content p {
color: #fff;
}
.zapc-popup-modal .modal-content img {
margin-bottom: 20px;
}
.zapc-popup-modal .modal-content .modal-footer {
border-top: 1px solid #29292c;
}
.zapc-popup-modal .modal-content .modal-footer .btn, .zapc-popup-modal .modal-content .modal-footer .xoo-wsc-slider .xoo-wsc-sl-apply-coupon button, .xoo-wsc-slider .xoo-wsc-sl-apply-coupon .zapc-popup-modal .modal-content .modal-footer button, .zapc-popup-modal .modal-content .modal-footer .xoo-wsc-ft-buttons-cont a, .xoo-wsc-ft-buttons-cont .zapc-popup-modal .modal-content .modal-footer a,
.zapc-popup-modal .modal-content .modal-footer .xoo-wsc-empty-cart a,
.xoo-wsc-empty-cart .zapc-popup-modal .modal-content .modal-footer a, .zapc-popup-modal .modal-content .modal-footer .zapct-next-draw .container .until-next, .zapct-next-draw .container .zapc-popup-modal .modal-content .modal-footer .until-next, .zapc-popup-modal .modal-content .modal-footer .checkout-button, .zapc-popup-modal .modal-content .modal-footer body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type button, body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type .zapc-popup-modal .modal-content .modal-footer button {
flex: 0 0 48%;
margin-top: 0px !important;
}
.zapc-popup-modal .modal-content .modal-footer .btn:after, .zapc-popup-modal .modal-content .modal-footer .xoo-wsc-slider .xoo-wsc-sl-apply-coupon button:after, .xoo-wsc-slider .xoo-wsc-sl-apply-coupon .zapc-popup-modal .modal-content .modal-footer button:after, .zapc-popup-modal .modal-content .modal-footer .xoo-wsc-ft-buttons-cont a:after, .xoo-wsc-ft-buttons-cont .zapc-popup-modal .modal-content .modal-footer a:after,
.zapc-popup-modal .modal-content .modal-footer .xoo-wsc-empty-cart a:after,
.xoo-wsc-empty-cart .zapc-popup-modal .modal-content .modal-footer a:after, .zapc-popup-modal .modal-content .modal-footer .zapct-next-draw .container .until-next:after, .zapct-next-draw .container .zapc-popup-modal .modal-content .modal-footer .until-next:after, .zapc-popup-modal .modal-content .modal-footer .checkout-button:after, .zapc-popup-modal .modal-content .modal-footer body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type button:after, body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type .zapc-popup-modal .modal-content .modal-footer button:after, .zapc-popup-modal .modal-content .modal-footer .btn:before, .zapc-popup-modal .modal-content .modal-footer .xoo-wsc-slider .xoo-wsc-sl-apply-coupon button:before, .xoo-wsc-slider .xoo-wsc-sl-apply-coupon .zapc-popup-modal .modal-content .modal-footer button:before, .zapc-popup-modal .modal-content .modal-footer .xoo-wsc-ft-buttons-cont a:before, .xoo-wsc-ft-buttons-cont .zapc-popup-modal .modal-content .modal-footer a:before,
.zapc-popup-modal .modal-content .modal-footer .xoo-wsc-empty-cart a:before,
.xoo-wsc-empty-cart .zapc-popup-modal .modal-content .modal-footer a:before, .zapc-popup-modal .modal-content .modal-footer .zapct-next-draw .container .until-next:before, .zapct-next-draw .container .zapc-popup-modal .modal-content .modal-footer .until-next:before, .zapc-popup-modal .modal-content .modal-footer .checkout-button:before, .zapc-popup-modal .modal-content .modal-footer body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type button:before, body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type .zapc-popup-modal .modal-content .modal-footer button:before {
display: none !important;
}
.product-filter {
list-style: none;
padding: 0px;
margin: 0px -5px 2rem;
}
@media (max-width: 767px) {
.product-filter {
text-align: center;
}
}
.product-filter li {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
font-weight: 900;
font-style: normal;
text-transform: uppercase;
}
.product-filter li a {
color: #fff;
}
.product-filter li a:hover {
color: #21b6ab;
text-decoration: none;
}
.product-filter .view-all {
color: #21b6ab;
}
.product-filter .list-uncategorized {
display: none;
}
.product-filter-mob select {
background-color: #fff;
color: #090909;
width: 100%;
padding: 5px 15px;
margin-bottom: 20px;
-webkit-appearance: none;
background-position: right 15px center;
border: 1px solid #e4e4e4;
font-weight: 700;
border-radius: 5px;
background-image: url(../images/chev-red.png);
background-size: 20px auto;
background-position: right 15px center;
background-repeat: no-repeat;
}
/* ==========================================================================
Legal
========================================================================== */
#menu-legal-menu li.active a {
background-color: #21b6ab;
color: #fff;
}
.page-template-legal .main-container {
color: #fff;
}
.page-template-legal .main-container ul {
list-style-position: inside;
}
.page-template-legal .main-container .iub_content {
color: #fff !important;
}
.page-template-legal .main-container .iub_content h1, .page-template-legal .main-container .iub_content h2, .page-template-legal .main-container .iub_content h3, .page-template-legal .main-container .iub_content h4, .page-template-legal .main-container .iub_content h5, .page-template-legal .main-container .iub_content h6, .page-template-legal .main-container .iub_content p, .page-template-legal .main-container .iub_content strong {
color: #fff !important;
}
.page-template-legal .main-container .iub_content a {
color: #21b6ab !important;
}
.page-template-legal .main-container #iubenda_policy .box_primary {
background-color: transparent !important;
border: none !important;
}
.page-template-legal .main-container #iubenda_policy .box_primary a {
color: #21b6ab !important;
}
/* ==========================================================================
Instant Wins
========================================================================== */
.zapciw-wrapper table caption {
caption-side: top;
font-size: 24px;
text-transform: uppercase;
font-weight: 900;
display: none;
}
.zapciw-wrapper table {
text-align: center;
}
.zapciw-wrapper table thead tr {
background: #21b6ab;
border: none;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.1rem;
vertical-align: top;
}
.zapciw-wrapper table thead tr th {
border: 2px solid #171919;
text-transform: uppercase;
letter-spacing: 0.1rem;
font-family: "Sofia Sans Extra Condensed", sans-serif;
vertical-align: top;
}
@media (max-width: 575px) {
.zapciw-wrapper table thead tr th {
letter-spacing: 0;
padding: 0.75rem 10px;
}
}
.zapciw-wrapper table tbody td {
background-color: #202323;
border: 2px solid #171919;
color: #fff;
}
@media (max-width: 575px) {
.zapciw-wrapper table tbody td {
font-size: 14px;
}
}
.zapciw-wrapper table tbody tr.claimed td {
text-decoration: line-through;
opacity: 0.2;
}
.zapciw-wrapper table tbody tr.claimed td:last-child {
text-decoration: none;
opacity: 1;
}
.zapciw-wrapper i {
color: #febf31;
margin-right: 5px;
}
/* ==========================================================================
Entry Lists
========================================================================== */
.zapct-entry-list .btn, .zapct-entry-list .xoo-wsc-slider .xoo-wsc-sl-apply-coupon button, .xoo-wsc-slider .xoo-wsc-sl-apply-coupon .zapct-entry-list button, .zapct-entry-list .xoo-wsc-ft-buttons-cont a, .xoo-wsc-ft-buttons-cont .zapct-entry-list a,
.zapct-entry-list .xoo-wsc-empty-cart a,
.xoo-wsc-empty-cart .zapct-entry-list a, .zapct-entry-list .zapct-next-draw .container .until-next, .zapct-next-draw .container .zapct-entry-list .until-next, .zapct-entry-list .checkout-button, .zapct-entry-list body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type button, body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type .zapct-entry-list button {
background-color: #21b6ab !important;
border-color: #21b6ab !important;
background-image: url(../images/White_Arrow.svg);
background-repeat: no-repeat;
background-size: 10px 10px;
background-position: right 15px center;
font-weight: bold;
}
/* ==========================================================================
Footer
========================================================================== */
.zapct-newsletter-footer {
padding: 50px 0;
background-image: url(../images/Hero_Carp_Image.svg);
background-position: right center;
background-repeat: no-repeat;
background-color: #111;
}
.zapct-footer {
background-color: #242424;
border-top: 5px solid #21b6ab;
padding: 0px;
}
.zapct-footer .zapct-footer-inner {
background-color: #090909;
padding: 20px 0;
}
.zapct-footer .zapct-footer-inner.inner-top {
padding-bottom: 1px;
background-color: #1d1d1d;
}
@media (max-width: 767px) {
.zapct-footer .socials {
text-align: center;
}
}
.zapct-footer .socials h3 {
color: #fff;
display: inline-block;
margin: 0px 15px 0 0;
font-size: 16px;
font-weight: 400;
}
@media (max-width: 767px) {
.zapct-footer .socials h3 {
transform: translateY(-6px);
}
}
.zapct-footer .socials .zapct-footer-social-icons {
display: inline-block;
font-size: 1px;
}
@media (max-width: 767px) {
.zapct-footer .socials .zapct-footer-social-icons {
margin-top: 15px;
margin-bottom: 30px;
}
}
.zapct-footer .socials .zapct-footer-social-icons a {
display: inline-block;
}
.zapct-footer .socials .zapct-footer-social-icons a i {
background-image: url(../images/Facebook_Logo.svg);
width: 40px;
height: 40px;
display: block;
}
.zapct-footer .socials .zapct-footer-social-icons a i:before {
position: absolute;
left: -9999px;
}
.zapct-footer .socials .zapct-footer-social-icons a i.fa-instagram-square {
background-image: url(../images/Instagram_Logo.svg);
}
.zapct-footer .socials .zapct-footer-social-icons a i.fa-tiktok {
background-image: url(../images/TikTok_Logo.svg);
}
.zapct-footer .payment-icons {
height: 40px;
margin-left: auto;
display: block;
}
@media (max-width: 767px) {
.zapct-footer .payment-icons {
margin-right: auto;
}
}
@media (max-width: 767px) {
.zapct-footer #zapct-footer-navbar {
margin-bottom: 30px;
}
}
.zapct-footer #zapct-footer-navbar ul {
display: flex;
flex-wrap: wrap;
}
.zapct-footer #zapct-footer-navbar ul li {
flex: 0 0 33.3333333%;
max-width: 33.3333333%;
margin: 0px !important;
padding-left: 15px;
padding-right: 15px;
}
@media (max-width: 991px) {
.zapct-footer #zapct-footer-navbar ul li {
flex: 0 0 50%;
max-width: 50%;
}
}
@media (max-width: 767px) {
.zapct-footer #zapct-footer-navbar ul li {
flex: 0 0 100%;
max-width: 100%;
}
}
.zapct-footer #zapct-footer-navbar ul li a {
color: #fff;
text-decoration: underline;
}
.zapct-footer .footer-app h3 {
color: #fff;
text-transform: uppercase;
letter-spacing: 0.1rem;
font-weight: 400;
}
.zapct-footer .footer-app img {
width: 180px;
height: auto;
margin-top: 10px;
}
.zapct-footer .footer-logos img {
height: 50px;
width: auto;
}
@media (max-width: 575px) {
.zapct-footer .footer-logos img {
height: 35px;
}
}
.zapct-footer .zapct-legal {
border-top: none;
color: #fff;
padding: 0px;
margin: 0px;
text-align: left;
font-size: 14px;
font-weight: bold;
}
@media (max-width: 575px) {
.zapct-footer .zapct-legal {
text-align: center;
}
}
.zapct-footer .zapct-legal .zapct-footer-email {
display: block;
}
.zapct-footer .zapct-legal a {
color: #21b6ab;
}
.zapct-footer .zapct-legal img {
height: 34px;
width: auto;
margin-left: auto;
display: block;
}
@media (max-width: 575px) {
.zapct-footer .zapct-legal img {
margin-right: auto;
margin-top: 30px;
}
}
body.page-id-1243 .main-container {
color: #1d1d1d;
}
body.page-id-1243 .main-container h1, body.page-id-1243 .main-container h2, body.page-id-1243 .main-container h3, body.page-id-1243 .main-container h4, body.page-id-1243 .main-container h5, body.page-id-1243 .main-container h6 {
color: #090909;
}
.woocommerce-ordering {
display: block;
margin-bottom: 30px;
margin-left: auto !important;
width: 240px;
}
.woocommerce-ordering select {
width: 100%;
}
.zapc-postal-rules-text {
border-bottom: none !important;
}
.woocommerce-product-details__short-description {
color: #fff;
margin: 10px 0 30px 0;
}
#zap-competition-tabs .tab-content ul {
margin-left: 30px;
}
.woocommerce-product-details__short-description {
display: none;
}
.zapc-sale-countdown-wrapper #sale-countdown {
font-weight: bold;
color: #6cba0e;
}
.woocommerce ul.products li.product .inner-wrapper .zap-competitions-progress-loop .mini-label {
z-index: 50;
}
#wc-cc-form {
color: #fff;
}
.page-id-638 .main-container {
color: #fff;
}
.woocommerce-pagination a {
color: #fff !important;
}
.woocommerce-pagination a:hover {
color: #000 !important;
}
.zapct-entry-list .btn:before, .zapct-entry-list .xoo-wsc-slider .xoo-wsc-sl-apply-coupon button:before, .xoo-wsc-slider .xoo-wsc-sl-apply-coupon .zapct-entry-list button:before, .zapct-entry-list .xoo-wsc-ft-buttons-cont a:before, .xoo-wsc-ft-buttons-cont .zapct-entry-list a:before,
.zapct-entry-list .xoo-wsc-empty-cart a:before,
.xoo-wsc-empty-cart .zapct-entry-list a:before, .zapct-entry-list .zapct-next-draw .container .until-next:before, .zapct-next-draw .container .zapct-entry-list .until-next:before, .zapct-entry-list .checkout-button:before, .zapct-entry-list body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type button:before, body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type .zapct-entry-list button:before {
display: none;
}
.winner-announce,
#winner-announce {
font-weight: 900;
font-style: normal;
}
body.page-template-legal .main-container .card {
background-color: #242424 !important;
border: 1px solid #444444;
}
body.page-template-legal .main-container .card .menu-legal-menu-container a {
color: #fff;
}
body.page-template-legal .main-container .card .menu-legal-menu-container a.active {
color: #090909 !important;
}
body.woocommerce-cart .content-block .container {
padding-left: 0px;
padding-right: 0px;
}
body.woocommerce-cart .content-block .container .columns-3 {
padding-left: 0px;
padding-right: 0px;
}
.zapc-competition-results-wrapper .nav-pills .nav-link.active {
background-color: #21b6ab;
}
.woocommerce-privacy-policy-text {
color: #fff;
}
.klaviyo-form-RsDxgE .needsclick.kl-private-reset-css-Xuajs1 label {
text-transform: uppercase;
letter-spacing: 0.1rem;
font-family: "Sofia Sans Extra Condensed", sans-serif !important;
}
@media (max-width: 767px) {
.klaviyo-form-RsDxgE div[data-testid=form-row] {
display: block !important;
}
.klaviyo-form-RsDxgE div[data-testid=form-row] div[data-testid=form-component] {
display: block !important;
width: 100% !important;
padding-left: 0px !important;
padding-right: 0px !important;
}
}
.klaviyo-form-RsDxgE button.go3589415994 {
font-weight: 700 !important;
font-family: "Sofia Sans Extra Condensed", sans-serif !important;
text-transform: uppercase !important;
letter-spacing: 0.1rem !important;
}
.menu-app-buttons h3 {
text-transform: uppercase;
letter-spacing: 0.1rem;
color: #21b6ab !important;
font-weight: 400 !important;
}
.menu-app-buttons ul li {
display: inline-block;
}
.menu-app-buttons ul li img {
height: 38px;
width: auto;
}
.flex-viewport .slides {
display: flex;
}
table#my_account_points_rewards {
background-color: #fff;
}
table#my-account-order-table {
background-color: #fff;
margin-bottom: 0px !important;
}
table.order_details {
background-color: #fff;
}
.woocommerce-MyAccount-content h3.text-center.mb-5 {
color: #fff;
text-transform: uppercase;
}
.woocommerce-MyAccount-content .woocommerce-customer-details {
color: #fff;
}
@media (max-width: 767px) {
.woocommerce-cart-form__cart-item {
position: relative;
}
.woocommerce-cart-form__cart-item .product-remove {
display: block !important;
position: absolute !important;
right: 5px;
top: 5px;
z-index: 50 !important;
background-color: transparent !important;
padding: 0px !important;
}
.woocommerce-cart-form__cart-item .product-remove a {
background-color: #dc3545 !important;
color: #fff !important;
width: 40px !important;
height: 40px !important;
display: block;
font-size: 24px;
line-height: 34px;
}
}
.woocommerce .cart .product-thumbnail img {
height: auto !important;
}
/* ==========================================================================
Tables
========================================================================== */
.table {
width: 100%;
margin-bottom: 1rem;
color: #fff;
background-color: #1d1d1d !important;
}
.table th,
.table td {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid #29292c;
border-color: #29292c !important;
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #29292c;
}
.table tbody + tbody {
border-top: 2px solid #29292c;
}
.table tbody tr, .table tbody td, .table tfoot tr, .table tfoot td {
background-color: #1d1d1d !important;
color: #fff !important;
}
.table-sm th,
.table-sm td {
padding: 0.3rem;
}
.table-bordered {
border: 1px solid #29292c;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #29292c;
}
.table-bordered thead th,
.table-bordered thead td {
border-bottom-width: 2px;
}
.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
border: 0;
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: #1d1d1d !important;
}
.table .thead-dark th {
color: #fff;
background-color: #343a40;
border-color: #454d55;
}
.table .thead-light th {
color: #fff;
background-color: #000;
border-color: #29292c !important;
}
.table-dark {
color: #fff;
background-color: #343a40;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
border-color: #454d55;
}
.table-dark.table-bordered {
border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(255, 255, 255, 0.05);
}
.card,
.woocommerce-account .woo-wallet-my-wallet-container,
.woocommerce-woo-wallet-transactions .woocommerce .woocommerce-MyAccount-content,
.zapciw-results-modal .modal-content {
background-color: #1d1d1d;
border: 1px solid #29292c;
color: #fff;
}
.card .card-body,
.woocommerce-account .woo-wallet-my-wallet-container .card-body,
.woocommerce-woo-wallet-transactions .woocommerce .woocommerce-MyAccount-content .card-body,
.zapciw-results-modal .modal-content .card-body {
color: #fff;
}
.woocommerce .cart .product-remove .remove {
background-color: #21b6ab;
color: #000;
}
.woocommerce .cart .product-remove .remove:hover {
background-color: #febf31;
}
.woocommerce .cart .product-quantity div.zap-competition-qty {
display: inline-flex;
margin: 0px auto;
}
.woocommerce-order-received .woocommerce-order *,
.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li strong {
color: #fff;
}
.woocommerce-order-received .woocommerce-order .timeline ul li p {
background-color: #111111;
padding: 1rem;
}
.zapciw-results-modal .modal-dialog .modal-body .btn, .zapciw-results-modal .modal-dialog .modal-body .xoo-wsc-slider .xoo-wsc-sl-apply-coupon button, .xoo-wsc-slider .xoo-wsc-sl-apply-coupon .zapciw-results-modal .modal-dialog .modal-body button, .zapciw-results-modal .modal-dialog .modal-body .xoo-wsc-ft-buttons-cont a, .xoo-wsc-ft-buttons-cont .zapciw-results-modal .modal-dialog .modal-body a,
.zapciw-results-modal .modal-dialog .modal-body .xoo-wsc-empty-cart a,
.xoo-wsc-empty-cart .zapciw-results-modal .modal-dialog .modal-body a, .zapciw-results-modal .modal-dialog .modal-body .zapct-next-draw .container .until-next, .zapct-next-draw .container .zapciw-results-modal .modal-dialog .modal-body .until-next, .zapciw-results-modal .modal-dialog .modal-body .checkout-button, .zapciw-results-modal .modal-dialog .modal-body body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type button, body.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row:last-of-type .zapciw-results-modal .modal-dialog .modal-body button {
margin-top: 1rem;
}
.zapciw-results-modal .modal-dialog .modal-body .claim-message {
background-color: #21b6ab;
border-radius: 10px;
}
.zapciw-results-modal .modal-dialog .zapciw-result-tickets .ticket {
background-color: #000;
}
.zapciw-results-modal .modal-dialog .zapciw-result-tickets .ticket.win {
background-color: #21b6ab;
}
.woocommerce-table--order-details .btn-zapciw-results {
margin-left: 1rem;
}
@media (max-width: 767px) {
.woocommerce-table--order-details .btn-zapciw-results {
margin: 0.5rem 0rem 1rem;
}
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .button {
display: block;
width: 100%;
text-align: center;
margin-bottom: 0.5rem;
padding: 0px 30px;
font-size: 18px;
}
.woocommerce-account .woocommerce .woo-wallet-my-wallet-container .woo-wallet-sidebar,
.woocommerce-account .woocommerce .woo-wallet-my-wallet-container .woo-wallet-content {
background-color: transparent;
border-color: #29292c;
color: #fff;
}
.woocommerce-woo-wallet-transactions .woocommerce .woocommerce-MyAccount-content {
padding: 1rem !important;
}
.woocommerce-woo-wallet-transactions .woocommerce .woocommerce-MyAccount-content #wc-wallet-transaction-details {
max-width: 100%;
}
.form-control {
color: #fff;
background-color: #111111;
border-color: #29292c;
}