.clearform {
clear: both;
padding-bottom: 1px;
margin-bottom: 3rem;
}
.w-btn {
cursor: pointer;
}
.flex {
display: flex;
}
.force-horizontal {
flex-direction: row;
}
.woocommerce-breadcrumb {
display: none;
} .left {
text-align: left;
}
.lottery-ajax-change {
margin-top: 0px;
}
.flex-wrap {
flex-wrap: wrap;
}
.flex-wrap .tick {
width: 50%;
}
@media screen and (min-width: 700px) {
.flex-wrap .tick {
width: 25%;
}
}
.flex-wrap .ticket-box {
cursor: pointer;
position: relative;
border: 2px solid var(--color-content-primary);
margin: 3px 3px 0px 3px;
padding: 25px 10px;
text-align: center;
}
.flex-wrap .ticket-box:hover,
.flex-wrap .ticket-box.selected {
border-color: var(--color-content-text);
}
.flex-wrap .ticket-box:hover .saving,
.flex-wrap .ticket-box.selected .saving {
background-color: var(--color-content-text);
}
.flex-wrap .ticket-box:hover,
.ticket-box.selected {
background-color: var(--color-content-link);
}
.flex-wrap .ticket-box:hover h4,
.flex-wrap .ticket-box:hover p,
.flex-wrap .ticket-box:hover h5,
.ticket-box.selected h4,
.ticket-box.selected p,
.ticket-box.selected h5 {
color: var(--color-content-bg);
}
.flex-wrap .ticket-box h4,
.flex-wrap .ticket-box p,
.flex-wrap .ticket-box h5 {
margin-bottom: 0px;
line-height: 1;
padding-bottom: 3px;
text-transform: uppercase;
}
.flex-wrap .tick .saving {
background-color: var(--color-content-primary);
padding: 6px 0;
color: var(--color-content-bg);
margin: 0px 3px 0px 3px;
text-align: center;
}
.puzzle {
margin-top: 50px;
}
@media screen and (min-width: 900px) {
.puzzle {
margin-top: 0px;
}
}
.puzzle img {
max-width: auto;
}
@media screen and (min-width: 900px) {
.puzzle img {
max-width: 380px;
}
}
.fit {
height: fit-content;
}
.form-padding {
padding: 0px 0px;
}
@media screen and (min-width: 900px) {
.form-padding {
padding: 0px 30px;
}
}
.w-100 {
width: 100%;
}
.w-65 {
width: 100%;
}
@media screen and (min-width: 900px) {
.w-65 {
width: 60%;
}
}
.w-35 {
width: 100%;
}
@media screen and (min-width: 900px) {
.w-35 {
width: 40%;
}
}
.w-50 {
width: 100%;
}
@media screen and (min-width: 900px) {
.w-50 {
width: 50%;
}
}
.product-title p {
padding: 0;
}
.woocommerce-product-details__short-description {
display: none;
}
.current {
padding-top: 3px;
} .product-end p,
.product-total p {
padding: 0;
line-height: 1.4;
}
.product-end p:nth-child(1),
.product-total p:nth-child(1) {
text-transform: uppercase;
}
.product-end p:nth-child(2),
.product-total p:nth-child(2) {
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
}
.space {
justify-content: space-between;
}
.product-pricing p {
font-weight: 600;
font-size: 18px;
}
.product-title p {
font-weight: 600;
font-size: 18px;
line-height: 1;
}
p.ticket-total {
font-weight: 600;
font-size: 18px;
line-height: 1;
color: var(--color-content-primary);
}
.mt-5 {
margin-top: 4rem;
}
.single_add_to_cart_button {
display: block;
width: 100% !important;
}
.charity {
display: flex;
justify-content: space-between;
margin-top: 50px;
}
.charity img {
width: auto;
height: 50px;
}
.tree {
background: var(--color-content-overlay);
border-radius: 26px;
display: inline-block;
margin: 0 7px;
padding: 13px 17px 13px 18px;
}
progress[value] {
height: 38px;
}
progress[value]::-webkit-progress-bar {
background-color: white;
border-radius: 0px;
height: 36px;
}
progress[value]::-webkit-progress-value {
background: var(--color-content-primary) !important;
border-radius: 0px;
}
progress[value]::-moz-progress-bar {
background-color: var(--color-content-primary) !important;
}
p.key,
p.value {
padding-bottom: 0.5rem;
}
.product-add-to-cart a {
padding-top: 13px !important;
width: 100%;
}
.product-add-to-cart a i {
padding-right: 10px;
}
.product-add-to-cart a span,
.product-add-to-cart a i {
font-size: 17px;
}
.page-id-415 .price {
display: none !important;
} .product-slide {
background-color: var(--color-content-primary);
display: flex !important;
flex-direction: column;
align-items: center;
}
@media screen and (min-width: 1200px) {
.product-slide {
flex-direction: row;
}
}
.product-slide .img-link {
width: 100%;
}
@media screen and (min-width: 1200px) {
.product-slide .img-link {
width: 75%;
}
}
.product-slide img {
margin-bottom: 0px !important;
}
.product-slide div.prodbox {
min-height: 200px;
width: 100%;
border: 4px solid var(--color-content-primary);
padding: 30px 20px;
background-color: #0c1f1e;
}
@media screen and (min-width: 1200px) {
.product-slide div.prodbox {
width: 25%;
margin-left: -96px;
}
}
.product-slide div.prodbox h3,
.product-slide div.prodbox a,
.product-slide div.prodbox p {
color: white;
padding-bottom: 0rem;
font-weight: 600;
}
.product-slide div.prodbox h3 {
margin: 0;
}
.product-slide div.prodbox p {
padding-bottom: 4px;
line-height: 1.5;
}
.product-slide div.prodbox p:nth-child(3) {
margin-bottom: 1rem;
}
.product-slide div.prodbox a.button {
display: flex;
margin-left: auto !important;
max-width: fit-content;
text-align: center;
margin-top: 1rem !important;
background: var(--color-content-primary);
padding: 5px 10px;
border-radius: 3px;
}
.xoo-aff-input-group .xoo-aff-input-icon {
height: 50px;
margin-bottom: -2px;
margin-top: 2px;
}
.single-product .quantity {
margin-top: 2rem;
}
.hidden-qty .quantity {
margin-top: 0rem;
}
.pick-number ul.lottery-pn-answers {
margin-bottom: 1rem !important;
}
.odds {
width: fit-content;
margin: 0 auto;
color: var(--color-content-primary);
line-height: 1;
padding: 2px 5px;
font-size: 13px;
font-weight: 600;
}
.center {
text-align: center;
}
.prodbox h3 {
font-size: 27px !important;
line-height: 1.2 !important;
margin-bottom: 20px !important;
}
.new-prize-detail {
padding: 3rem;
background-color: var(--color-content-bg-alt);
border-radius: 10px;
margin-bottom: 2rem;
border: 2px solid var(--color-content-border);
}
.ticket-total {
margin-top: 1rem;
margin-bottom: 3rem !important;
}
.prize-detail {
display: none;
}
.pt-4 {
padding-top: 1.5rem;
}
.bonus-border {
border: 1px solid lightgray;
border-radius: 5px;
padding: 1rem;
}
.bonus-draw {
position: relative;
padding: 1.5rem;
background-color: var(--color-content-border);
margin-bottom: 2rem;
box-shadow: 2px 2px 15px 0px white;
}
.bonus-draw:before,
.bonus-draw:after {
content: '';
position: absolute;
left: 0px;
height: 6px;
width: 100%;
}
.bonus-draw:before {
top: -5px;
background: radial-gradient(circle, transparent, transparent 50%, var(--color-content-border) 50%, var(--color-content-border) 100%) -7px -8px / 16px 16px repeat-x;
}
.bonus-draw:after {
bottom: -5px;
background: radial-gradient(circle, transparent, transparent 50%, var(--color-content-border) 50%, var(--color-content-border) 100%) -7px -2px / 16px 16px repeat-x;
}
.checkout-quantity {
display: flex;
}
.checkout-quantity input {
width: 25% !important;
}
.bonus-draw-title {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 1.2rem;
}
.bonus-draw-title h4 {
margin: 0;
}
.bonus-draw-title p {
color: var(--color-content-link);
cursor: pointer;
}
a.disabled {
pointer-events: none;
cursor: default;
}
span.qError {
color: red;
font-weight: bold;
}
.woocommerce-checkout .lottery-pn-answers {
display: flex;
}
.woocommerce-checkout .lottery-pn-answers li {
margin: 5px !important;
padding: 0.5rem !important;
}
.bonus-border h4 {
font-size: 1.3rem;
margin-bottom: 10px;
}
.bonus-border p {
margin-bottom: 0px;
}
.bonus-border .lottery-question {
font-size: 1.2rem !important;
} .instant-wins-title {
text-align: center;
max-width: 500px;
margin: 0 auto;
}
.instant-wins {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 1rem;
margin-bottom: 4rem;
}
.instant-wins .instant-win {
display: flex;
justify-content: center;
align-items: center;
width: 250px;
height: 100px;
line-height: 100px;
text-align: center;
background: var(--color-content-primary);
box-shadow: 0 25px 10px -20px rgba(0, 0, 0, .18);
border-left: 3px dotted var(--color-content-bg);
margin-bottom: 25px;
position: relative;
}
.instant-wins .instant-win:nth-child(1) {
border-left: 0px dotted var(--color-content-bg);
}
.instant-wins .instant-win::before, .instant-wins .instant-win::after {
content: '';
position: absolute;
}
.instant-wins .instant-win::before {
width: 30px;
height: 30px;
background: var(--color-content-bg);
border-radius: 50%;
top: -13px;
left: -15px;
box-shadow: 0px 48px 0 0 var(--color-content-bg), 0px 97px 0 0 var(--color-content-bg), 250px 0px 0 0 var(--color-content-bg), 250px 48px 0 0 var(--color-content-bg), 250px 97px 0 0 var(--color-content-bg);
}
.instant-wins .instant-win p {
line-height: 1;
border: 1px solid var(--color-content-bg);
padding: 15px 5px;
display: block;
width: 75%;
border-radius: 7px;
}
.instant-wins .instant-win span {
color: var(--color-content-bg);
}
.instant-wins .instant-win .winning-ticket {
font-size: 24px;
}
.instant-wins .instant-win .winning-prize {
font-size: 16px;
}
.instant-wins .instant-win.instant-won {
position: relative;
background: var(--color-content-faded) !important;
}
.instant-wins .instant-win.instant-won .winning-ticket, .instant-wins .instant-win.instant-won .winning-prize {
font-size: 14px;
}
.instant-wins .instant-win.instant-won .winning-prize {
text-decoration: line-through;
}
.instant-wins .instant-stamp {
position: absolute;
line-height: 1;
top: 28px;
left: 13px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
}
.instant-wins .instant-stamp span {
background: red;
font-weight: bold;
border-radius: 5px;
padding: 3px 5px 0px 5px;
font-size: 14px;
}
.instant-wins .instant-pay-stamp{
border-radius: 5px;
position: absolute;
line-height: 1;
top: 8px !important;
}
.instant-wins .instant-pay-stamp span {
background: #08C242;
color:white;
font-weight: bold;
border-radius: 5px;
border: 1px solid white;
padding: 2px 5px;
font-size: 12px;
} .gfni-user-win{
margin-left:2rem;
border: 1px solid var(--color-content-border);
padding:5px 8px;
font-size: 12px;
} .instant-payout{
position: absolute;
left: -20px;
background: #08C242;
color:white;
padding: 2px 5px;
font-size: 13px;
font-weight: bold;
transform: rotateY(0deg) rotate(-20deg);
line-height: 1.1;
border:1px solid white;
border-radius: 5px;
margin-top:-6px;
}
.instant-win td{
position: relative;
text-align: center;
}
.instant-wins-table tr th{
text-align: center;
}
.instant-wins-table{
margin:30px 0 60px 0;
}
.instant-strike{
text-decoration: line-through;
opacity: 0.6;
}
.instant-won{
opacity: 0.6;
}
.instant-winner{
text-transform:capitalize;
} .tippy-box{
text-align: center;
max-width: 200px;
}
@media screen and (max-width: 700px) {
.instant-wins .instant-win{
width: 159px;
}
.instant-wins .instant-win::before{
box-shadow: 0px 48px 0 0 var(--color-content-bg), 0px 97px 0 0 var(--color-content-bg), 159px 0px 0 0 var(--color-content-bg), 159px 48px 0 0 var(--color-content-bg), 159px 97px 0 0 var(--color-content-bg);
}
.instant-wins .instant-stamp{
left: 0px!important;
}
} .instant-history {
display: flex;
flex-direction: column;
border: 1px solid var(--color-content-primary);
margin-bottom: 20px;
padding: 20px;
}
@media screen and (min-width: 780px) {
.instant-history {
flex-direction: row;
}
}
.instant-history-date {
display: flex;
flex-direction: column;
align-items: center;
font-family: var(--font-h1);
}
.instant-history-date p {
margin: 0;
margin-bottom: 5px;
}
.instant-history-date .instant-history-daynumber {
font-size: 44px;
color: var(--color-content-primary);
}
.instant-history-date .instant-history-day {
font-size: 26px;
}
.instant-history-date .instant-history-month {
font-size: 20px;
}
.instant-history-win {
display: flex;
}
.instant-history-win .instant-history-icon {
width: 30px;
height: 30px;
margin-right: 20px;
color: var(--color-content-primary);
margin-left: 20px;
}
@media screen and (min-width: 780px) {
.instant-history-win .instant-history-icon {
margin-left: 30px;
}
}