/* 
Theme Name: Think Digital Comp Theme
Theme URI: https://www.think-digitalmarketing.co.uk/
Description: Website competition theme, based on Hello, created by ThinkDigital.
Author: Think Digital Marketing
Author URI: https://www.think-digitalmarketing.co.uk/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

[class^=woo-wallet-icon-] {
    font-size: 14px !important;
}

.woo-wallet-menu-contents .woocommerce-Price-amount.amount {
	font-size: 14px !important;
}

.dob-grid-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem; /* adjust spacing between fields */
}

.dob-grid-wrapper .form-row {
  margin: 0; /* reset Woo styles if needed */
}



.woocommerce-cart-form__contents thead tr th {
	text-align: center;
}

.tdl-loyalty-wrap h2 {
	color: #ffffff !important;
}

.tdl-loyalty-cards {
    margin-top: 25px;
}

/* Vendor‑prefixed for older WebKit browsers */
@-webkit-keyframes pulse-red {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(238, 166, 56, 0.7);
  }
  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);
  }
}

@keyframes pulse-red {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(238, 166, 56, 0.7);
  }
  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);
  }
}

.product-thumb-wrapper {
    position: relative;
    display: inline-block;
}

.product-thumb-wrapper img {
    display: block;
    width: 100%;
    height: auto;
}

.sold-out-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    font-size: 2.5rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    pointer-events: none;
    border-radius: 4px;
}


a.wc-backward {
	margin-top: 0 !important;
    text-align: center !important;
    padding: 15px !important;
    color: #ffffff !important;
    background: #EDA537 !important;
    background: linear-gradient(90deg, rgba(237, 165, 55, 1) 0%, rgba(137, 96, 32, 1) 100%) !important;
    border-radius: 3px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border: none !important;
    letter-spacing: 0.6px !important;
    text-transform: uppercase !important;
}


.wc-competition-rebuy-section {
	border-radius: 15px;
}

.wc-competition-rebuy-card {
	 border: 1px solid #4f515a;
}

.winner-card {
	background-color: #1B1B1B;
}

.winner-card:before {
	background: url(https://titanprizesnew.kinsta.cloud/wp-content/uploads/2025/05/spartan-white.png);
		background-size: 50% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
	    background-color: #eea638 !important;
}

.pdflinka {
	    color: #ffffff !important;
    border: solid 2px #ffffff;
    padding: 10px 25px;
    border-radius: 5px;
    font-weight: 400;
    width: 100%;
    display: block;
    text-align: center;
}

body.woocommerce-order-received .woocommerce-customer-details {
	display: none;
}

.ticketbox {
	    display: inline-block;
}

.woocommerce span.onsale {
    text-align: center;
    line-height: 3.236;
    margin: 0;
    z-index: 9;
    font-size: 11px;
    text-transform: uppercase;
    background: red;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.7px;
    padding: 5px 20px !important;
    border-radius: 99px;
    top: -3px !important;
    position: relative;
}

.simpledrawdate {
	text-align: left;
    font-size: 16px;
    color: #8f8f8f;
	    font-weight: 400;
}

.woocommerce-cart div.quantity {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    justify-items: center;
}

.woocommerce-checkout #payment ul.payment_methods li img {
    max-width: 45px;
}

.autodraw {
	position: absolute;
    z-index: 2;
    width: 100%;
    text-align: center;
	top: -14px;
}

.autodraw-inner {
    text-align: center;
    padding: 5px;
    border-radius: 0;
    font-weight: 700;
	max-width: 150px;
    margin: auto;
    background: #ffffff;
    color: #000000;
    font-size: 13px;
	border-radius: 99px;
	background: #FFFFFF;
background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(156, 156, 156, 1) 100%);
}

/* LOOP */

ul.products li.product {
	background: #131215;
	border: solid 1px #626262;
	transition: 0.3s;
		display: flex !important; 
  flex-direction: column !important;
  height: 100%;
	border-radius: 15px;
}

ul.products li.product:hover {
	border: solid 1px #eea638;
	transition: 0.3s;
	border-radius: 15px;
}

.woocommerce-LoopProduct-link {
  display: flex !important;
  flex-direction: column;
  flex-grow: 1;
}

.loop-content {
	flex-grow: 1;
	display: flex;
    flex-direction: column;
    height: 100%;
}

.content-wrapper {
	padding: 0 25px;
}

.content-wrapper p {
	    color: #666666;
    font-size: 12px;
    text-align: center;
    margin-bottom: 0 !important;
	margin-top: 20px;
}

.bottom-wrapper {
    margin-top: auto; /* Pushes .bottom-wrapper to the bottom of .loop-content */
}

.bottom-wrapper-inner {
	padding: 0 25px;
}

.ends-container {
    margin-top: -14px !important;
    margin: auto;
    width: 230px;
}

.button-wrapper {
	margin-top: 30px;
	padding: 0 25px 25px 25px;
}

.enddate.full, .enddate.tomorrow {
    font-size: 13px;
    text-align: center;
    background: #ffffff;
	color: #000000;
    padding: 2px 5px;
    border-radius: 0;
    font-weight: 700;
	border-radius: 99px;
	background: #FFFFFF;
background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(156, 156, 156, 1) 100%);
}

.enddate.today {
    font-size: 13px;
    text-align: center;
	color: #ffffff;
    padding: 2px 5px;
    border-radius: 0;
    font-weight: 700;
	border-radius: 99px;
	background: #000000;
    background: linear-gradient(90deg, rgba(237, 165, 55, 1) 0%, rgba(137, 96, 32, 1) 100%);
}

/* Define the pulse animation */
@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.08);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.enddate.today {
  animation: pulse 2s ease-in-out infinite;
}

.enddate.finished {
    font-size: 13px;
    text-align: center;
    background: #ffffff;
	color: #000000;
    padding: 2px 5px;
    border-radius: 0;
    font-weight: 700;
	border-radius: 99px;
	background: #FFFFFF;
background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(156, 156, 156, 1) 100%);
}

h2.loop-title {
    text-align: center;
    margin: 15px 0 15px 0;
    font-size: 22px;
    font-weight: 500;
	color: #ffffff;
}

div.countdown-timer {
	margin: 20px 0 25px 0 !important;
	text-align: center;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 15px;
}

/*
.progress-bar {
	background: #eea638;
	height: 14px;
	border-radius: 99px 0 0 99px;
}
*/


.progress {
  background: #373737;
  height: 14px;
  border-radius: 99px;
  margin-top: 22px;

  /* override Bootstrap’s overflow:hidden: */
  position: relative;
  overflow: visible !important;
}

.progress-bar {
  background: #eea638;
  height: 14px;
  border-radius: 99px 0 0 99px;
}

.progress-indicator {
  /* no clipping, always on top */
  pointer-events: none;
  z-index: 10;
}

.progress-indicator-img {
  display: block !important;
  width: 15px !important;   /* fixed 15px */
  height: auto;
	margin-bottom: 0 !important;
}



.custom-price-grid .price-row {
    display: grid;
    gap: 10px;
    align-items: top;
	    text-align: center;
    font-size: 30px;
}

.custom-price-grid .three-columns {
    grid-template-columns: 1fr 1fr 1fr;
}

.custom-price-grid .one-column {
    grid-template-columns: 1fr;
}

.custom-price-grid .price {
    font-size: 16px;
    font-weight: bold;
}

.custom-price-grid .onsale {
    color: red;
    font-weight: bold;
    text-transform: uppercase;
	    font-weight: 800;
}

.salepricespan {
	font-size: 11px;
    text-transform: uppercase;
    background: red;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.7px;
    padding: 5px 20px;
    border-radius: 99px;
	    top: -3px !important;
    position: relative;
}

.original del {
    opacity: 1;
    color: #6a6a6a !important;
	    font-weight: 800;
}

.original .amount {
	color: #6a6a6a !important;
	    font-weight: 800;
}

.woocommerce ul.products li.product .price {
	    font-weight: 800 !important;
}

.pticket {
	font-size: 10px;
    font-weight: 400;
	 position: relative;
}

.pticket img {
	max-width: 15px;
	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	margin-left: -36px !important;
}

@keyframes progressBar {
  0% { width: 0; }
  100% { width: 100%; }
}

.progress-text {
    text-align: left;
    position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    margin-top: -33px;
    font-weight: 400;
	color: #ffffff;
}

.arrow-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #ffffff;
    margin-top: 6px;
}

.progress-sold {
	text-align: right;
    position: relative;
    display: block;
    width: 100%;
    font-size: 10px;
    margin-top: -15px;
    padding-right: 10px;
	color: #ffffff;
	display: none;
}

div.countdown-timer span.countdown-value, div.countdown-timer span.countdown-label, span.countdown-value-home {
	width: 100%;
	text-align:center !important;
	display:block;
	position:relative;
	color: #ffffff;
}

span.countdown-value,  span.countdown-value-home {
	font-size: 20px;
	font-weight: 700;
	background: #7C7C7D;
	background: linear-gradient(90deg, rgba(124, 124, 125, 1) 0%, rgba(60, 60, 62, 1) 100%);
	border-radius: 10px 10px 0 0;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
	z-index: 2;
}

span.countdown-label {
	    font-size: 10px !important;
    font-weight: 400;
    text-transform: uppercase;
    color: #ffffff;
    margin-top: 0;
	background: #3b3b3c;
	padding: 5px 0;
	border-radius: 0 0 10px 10px;
}

.countdown-days, .countdown-hours, .countdown-minutes, .countdown-seconds {
	width: 100%;
	display: inline-block;
	color: #ffffff;
}

.loop-price {
	width: 100%;
    position: relative;
    display: block;
    text-align: center;
    margin: 12px 0 12px 0;
    font-size: 22px;
}

.cus-loop-button {
	margin-top: 0 !important;
    width: 100%;
    text-align: center;
    padding: 10px;
    color: #ffffff !important;
    background: #EDA537;
background: linear-gradient(90deg, rgba(237, 165, 55, 1) 0%, rgba(137, 96, 32, 1) 100%);
    border-radius: 15px !important;
    font-size: 18px;
    font-weight: 600 !important;
    border: none;
    letter-spacing: 0.6px;
}

.days-left {
	position: absolute;
    z-index: 5;
    margin: 30px 30px 15px 30px;
    background: #61ce70;
    color: #ffffff;
    border-radius: 99px;
    font-size: 13px;
    font-weight: 500;
    padding: 6px 10px;
}

.daylefttext {
	margin-left: 20px;
}

.cash-alternative {
	padding: 10px;
    text-align: center;
    background: #ebaf21;
    color: #ffffff;
    border-radius: 15px;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    background: #604317;
    background: linear-gradient(90deg, rgba(96, 67, 23, 1) 0%, rgba(136, 95, 32, 1) 100%);
}

/* SINGLE PRODUCT */

.lottery-question {
	text-align: center !important;
}

.singlecountdown .countdown-timer {
	max-width: 400px !important;
    margin: 15px auto 25px auto !important;
}

.elementor-add-to-cart form.cart.pick-number {
    display: grid !important;
    grid-template-columns: 1fr 2fr !important;
    gap: 25px !important;
}

.elementor-add-to-cart form.cart.pick-number::before {
	display: none !important;
}

body.single-product .quantity {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 10px !important;
}

body.single-product .lucky_dip .quantity {
    display: flex !important;
    gap: 10px !important;
}

body.single-product button#lucky-dip {
background: #eea638 !important;
    border: solid #f6c142 1px;
    color: #191919 !important;
    padding: 15px !important;
	border-radius: 15px;
	text-transform:uppercase;
}

.lucky_dip {
	gap: 20px !important;
}

button.minus:hover, button.plus:hover {
	    background: rgb(238, 166, 56) !important;
}

a.lucky-dip-button-second, .gtc {
    background: rgb(238, 166, 56) !important;
    width: 100%;
    margin-bottom: 15px !important;
    text-align: center;
    color: #000000 !important;
}

.single-product input.input-text.qty.text {
	width: 110px !important;
    height: 48px !important;
}

.single-product button.single_add_to_cart_button {
	width: 100%;
    margin: 0 !important;
}

.multi-buy-options span {
    background-color: #eea638;
    color: #191919;
    padding: 5px 15px;
    border-radius: 50px;
    display: inline-block;
    cursor: pointer !important;
    margin-bottom: 15px;
}

.woocommerce-message {
    margin-bottom: 0;
    background: #ffffff;
    border-left: solid 1px #c9c9c9;
    border-bottom: solid 1px #c9c9c9;
    border-right: solid 1px #c9c9c9;
}

span.perentry {
	font-size: 12px;
}

ul.lottery-pn-answers {
    padding-left: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
}

.elementor-widget-woocommerce-lottery-answers h3 {
	display: none;
}

ul.lottery-pn-answers li {
    width: 100% !important;
    display: inline-block !important;
    margin: 0 10px 4px 0 !important;
    text-align: center;
    border-radius: 15px;
    transition: 0.2s;
    background: #1b1b1b;
    padding: 0.75em;
    border: solid 2px #ffffff;
    font-size: 18px;
}

ul.lottery-pn-answers li.selected {
    background: #eea638;
	color: #ffffff;
	border-color: #eea638;
	scale: 1.05;
	transition: 0.2s;
}

ul.lottery-pn-answers li.selected.false {
    background: #61ce70;
}

.ticket-odds-title {
	display:none;
}

.tickets-odds-container p {
	text-align:center;
	margin:0;
}

.current-quantity, .odds-calculated, .onemore, .odds-calculated {
	color: #00abff !important;
}

span.current-quantity {
	color: #00abff !important;
}

.pswp__caption {
	display: none;
}

.singleprod .days-left {
    margin: 15px 30px 15px 15px;
}

.winnerdetails h4 {
	margin-bottom:0;
	width:100%;
}

.winner-name, .iso-number {
	color: #eea638 !important;
}

.winnerdetails {
	border: solid 2px #4C4C4C;
    border-radius: 15px;
    padding: 0px 10px 10px 10px;
	display: flex;
    flex-wrap: wrap;
    gap: 10px;
	text-align:center;
}
.winner-details {
    flex: 0 0 calc(100% - 0px); /* Divide into two columns with 10px gap */
}

body.single-product .quantity {
	width: 100% !important;
}

button.plus, button.minus {
    background: #3f3f3f;
    border: solid #3f3f3f 1px;
    color: #ffffff;
	border-radius: 15px;
	font-size: 1.5rem;
	line-height: 1 !important;
}

.rangeslider__handle:active {
    background: #eea638;
    border: solid #f6c142 1px;
    color: #191919;
}

.single-product .bulk-pricing-table {
	display: none;
}

.alertable {
	background: #2a2a2a;
}

/* QUANTITY SLIDER */

.slidercontainer {
	display: grid;
    grid-template-columns: 1fr 10fr 1fr;
    gap: 30px;
    align-items: center;
	margin: 0px 0 20px 0;
}

.rangeslider {
	height: 10px !important;
	background: #131314 !important;
    border-radius: 99px !important;
	top: 0 !important;
}

.rangeslider__fill {
    background: #eea638;
    border: solid #f6c142 1px;
    color: #191919;
	height: 10px !important;
	top: 0 !important;
}

.rangeslider__handle {
	border-radius: 99px !important;
    width: 1.8em !important;
    height: 1.8em !important;
    top: -0.6em !important;
    margin-left: -15px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.5);
	background: #eea638;
    border: solid #f6c142 1px;
    color: #191919;
}

.custom-quantity {
	text-align: center;
	border-radius: 30px;
	margin-bottom: 20px;
}

.custom-quantity p, .custom-quantity input {
	display: inline !important;
	font-weight: 700;
}

.custom-quantity p {
	font-size: 20px;
    font-weight: 300;
    color: #fbcb48;
	margin-right: 15px;
}

.custom-quantity input {
	text-align: center;
	border-radius: 15px;
}

.single-product button.single_add_to_cart_button {
	width: 100%;
    margin: 0 !important;
    background: #eea638 !important;
    border: solid #f6c142 1px;
    color: #191919 !important;
    padding: 15px !important;
    border-radius: 15px;
}

.single-product button.single_add_to_cart_button:hover {
	width: 100%;
    margin: 0 !important;
    background: #eea638 !important;
    border: solid #f6c142 1px;
    color: #191919 !important;
    padding: 15px !important;
    border-radius: 15px;
}


/* SINGLE PRODUCT INSTANT WIN ACCORDION */

h3.accord-header {
	color: #FFFFFF;
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
	text-align:center;
}

.ui-accordion .ui-accordion-content {
    padding: 0 !important;
}

.ui-accordion .ui-accordion-header:after {
    content: url(/wp-content/uploads/2024/12/arrow.svg);
    position: absolute;
    right: 26px;
    width: 22px;
    top: 40%;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: none;
    background: #f3f3f3;
    border-radius: 15px !important;
    color: #ffffff;
}

.ui-accordion-header-active {
	border-radius: 15px 15px 0px 0px !important;
}

.ui-widget-content {
    border: none;
    background: #313131;
    border-radius: 0 0 15px 15px !important;
    color: #ffffff;
	border: solid 1px #4F515A !important;
	border-top: none !important;
}

.ui-accordion .ui-accordion-header {
    padding: 1em 0.5em 1em 0.7em;
	margin: 10px 0 0 0;
	background: #313131;
}


.ui-accordion .ui-accordion-header h3 {
    margin: 0 !important;
	font-size: 22px;
    font-weight: 700;
}

.ui-widget {
    font-family: azo-sans-web, sans-serif;
		font-weight: 500;
	font-style: normal;
}

.ticket-accordion .ticket-flex {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	gap: 25px;
	margin: 25px;
}

.ticket-accordion .number-container {
    background: #ffffff !important;
    text-align: center;
    padding: 10px 15px;
    border-radius: 5px 5px 0 0;
	position: relative;
	font-size: 16px;
    font-weight: 500;
	width: 100%;
	color: #000000;
}

.number-container {
	background: #252525 !important;
}

.ticket-accordion .ticket-number:before {
    content: '';
    width: 11px;
    height: 20px;
    display: block;
    background: #313131;
    border-radius: 0 99px 99px 0;
    position: absolute;
    left: 0px;
    top: 11px;
}

.ticket-container {
	flex-basis: 22%
}

.ticket-accordion .ticket-number:after {
    content: '';
    width: 11px;
    height: 20px;
    display: block;
    background: #313131;
    border-radius: 99px 0 0 99px;
    position: absolute;
    right: 0px;
    top: 11px;
}

.ticket-won {
	font-size: 13px;
    font-weight: 500;
    text-align: center;
    background: #959595;
    color: #ffffff;
    border-radius: 0 0 5px 5px;
    padding: 3px;
}

.ticket-available {
	font-size: 13px;
    font-weight: 500;
    text-align: center;
    background: #eea638;
    color: #ffffff;
    border-radius: 0 0 5px 5px;
    padding: 3px;
	text-transform: uppercase;
}

.ticket-container.won {
	opacity: 0.25;
	transition: 0.2s
}

img.prize-image {
	width: 90px;
    height: 90px;
	border-radius: 15px;
	margin-right: 15px;
}

.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    right: 10px;
	display: none;
}

.accord-tickets-left {
	font-size: 16px;
    background: transparent;
    border: solid 1px #eea638;
    width: fit-content;
    padding: 5px 20px;
    border-radius: 6px;
    margin-top: 15px;
    font-weight: 500;
    color: #ffffff;
    text-transform: uppercase;
}

.pagination-tickets .pagination-tickets-page:hover {
    color: rgb(255, 211, 77);
}

.active-ticket-page {
    color: #61ce70;
}

.pagination-tickets .fa-chevron-left:before, .pagination-tickets .fa-chevron-right:before {
    font-size: 12px !important;
}

.pagination-tickets {
	gap: 10px;
	margin-left: 25px;
    margin-right: 25px;
}

/* MY ACCOUNT */

.ma-greeting {
	font-size: 36px;
    text-transform: uppercase;
    font-style: italic;
	text-align: center;
	color:#ffffff !important;
}

.greeting {
	background: #28282a;
    padding: 30px 20px 100px 20px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
}

.woocommerce-MyAccount-navigation {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
}

.woocommerce-MyAccount-content-wrapper .my-instant-prizes {
    grid-template-columns: 1fr;

}

.woocommerce-MyAccount-content-wrapper .winning-ticket-instant:before {
    display: none;
}

.woocommerce-MyAccount-content-wrapper .winning-ticket-instant {
	text-align: left;
}

.elementor-widget-woocommerce-my-account .woocommerce strong {
    color: #515151 !important;
}

/* Instant Win */

.my-instant-prizes {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;

}

.winning-ticket-instant:before {
    content: "You're an Instant Winner! ";
    display: block;
}

.winning-ticket-instant {
    width: 100%;
    display: inline-block;
    text-align: center;
    background: #eea638;
    padding: 15px;
    border-radius: 15px;
    color: #ffffff;
    font-size: 14px;
    margin: 0;
}

.my-winning-comps tr td, .my-winning-comps tr td a {
	color: #ffffff !important;
	vertical-align: middle;
}

/* NUMBER PICK */

ul.tickets_numbers {
	padding: 0 !important;
}

.tickets_numbers_tab {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
	gap: 15px;
}

ul.tickets_numbers li.tn {
    display: flex;
    list-style: none;
    border: 1px solid #000;
	border-radius: 10px;
    background: #373737;
        padding: 5px;
    float: left;
    width: 100%;
    height: 100%;
    text-align: center;
    margin: 0.5em;
    cursor: pointer;
    font-size: 1em;
    font-weight: 700;
    white-space: nowrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
}

ul.tickets_numbers li.tn:hover {
    background: #2e2e2e !important;
}

ul.tickets_numbers li:hover {
    background-color: transparent !important;
}

ul.tickets_numbers li.selected, ul.tickets_numbers li.selected:hover {
    background: #eea638 !important;
    color: #000000 !important;
}

ul.tickets_numbers li.in_cart, ul.tickets_numbers li.in_cart:hover {
    background: #37b30e !important;
    color: #000000 !important;
	cursor: not-allowed !important;
}

ul.tickets_numbers li.reserved, ul.tickets_numbers li.reserved:hover {
    background: #7a7a7a !important;
    color: #000000 !important;
    cursor: not-allowed !important;
}

.ticket-tab-bar {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
	margin-bottom: 15px;
}

.ticket-tab-bar .ticket-tab-bar-item, .ticket-tab-bar .ticket-tab-bar-item:hover {
    border: solid 1px #eea624;
    border-radius: 15px;
    color: #ffffff !important;
    padding: 3px 10px !important;
    font-size: 12px;
	background: transparent !important;
}

.ticket-tab-bar-item.tablink.ticket-tab-active {
	background: #eea638 !important;
    color: #000000 !important;
}

.top_hippo_box_1 {
    color: #000000;
    background: linear-gradient(-72deg, #ffc373, #ffffff 16%, #ffc373 21%, #ffffff 24%, #a17434 27%, #ffc373 36%, #ffffff 45%, #ffffff 60%, #ffc373 72%, #ffffff 80%, #ffc373 84%, #a17434);
    border: 2px solid #deca45;
}

.top_hippo_box_2 {
    background: linear-gradient(-72deg, #dedede, #ffffff 16%, #dedede 21%, #ffffff 24%, #454545 27%, #dedede 36%, #ffffff 45%, #ffffff 60%, #dedede 72%, #ffffff 80%, #dedede 84%, #a1a1a1);
    color: #000000;
    border: 2px solid #dedede;
}

.top_hippo_box_3 {
   background: linear-gradient(-72deg, #ca7345, #ffdeca 16%, #ca7345 21%, #ffdeca 24%, #a14521 27%, #ca7345 36%, #ffdeca 45%, #ffdeca 60%, #ca7345 72%, #ffdeca 80%, #ca7345 84%, #732100);
    color: #000000;
    border: 2px solid #dea173;
}

.hungry_hippo_leaderboard_parent {
    margin-bottom: 25px;
    padding: 15px;
    text-align: center !important;
}

.winning-user-leadboard span {
        border-bottom: solid 1px #565656;
    padding: 5px 0;
    text-align: center !important;
    width: 100%;
    display: block;
    padding: 5px 10px !important;
}

.liveleader {
    background: rgba(238, 166, 56, 1);
	box-shadow: 0 0 0 0 rgba(238, 166, 56, 1);
	animation: pulse-red 2s infinite;
	background: rgb(238 166 56)
    box-shadow: 0 0 0 0 rgba(238, 166, 56, 1);
    animation: pulse-red 2s infinite;
    padding: 10px;
    border-radius: 15px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
	color: #ffffff;
	margin-top: 20px;
}

/* TABLET CSS */
@media all and (min-width: 768px) and (max-width: 1024px) { 
	ul.lottery-pn-answers li {
    width: 100% !important;
	}
	ul.lottery-pn-answers {
    padding-left: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0px;
}
		body.single-product .quantity {
    width: 100% !important;
}
	.single-product input.input-text.qty.text {
    width: 88px !important;
}
	.single-product button.single_add_to_cart_button {
    width: 140px;
    margin-right: 20px !important;
}
	div.woocommerce-order ul.order_details {
    flex-direction: column;
    gap: 15px;
    text-align: center;
}
	.elementor-add-to-cart form.cart.pick-number {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
}
	.ticket-accordion .ticket-flex {
		display: grid;
    	grid-template-columns: 1fr 1fr 1fr;
	}
}

/* MOBILE CSS */
@media all and (min-width: 1px) and (max-width: 767px) { 	
	
	.liveleader {
		font-size: 9px;
	}
	
	.bannerpadding .elementor-container {
		padding: 0 !important;
	}
	
	.tickets_numbers_tab {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
	gap: 15px;
}

.ticket-tab-bar {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
	margin-bottom: 15px;
}

	
	
	.cash-alternative {
    width: 100% !important;
    display: block;
}
	
	div.countdown-timer {
		gap: 5px;
	}
	
	.content-wrapper p {
    font-size: 10px;
}
	
	.content-wrapper {
	padding: 0;
	}
	
	.original .amount, .woocommerce ul.products li.product .price {
    font-size: 18px;
}
	
	
	.bottom-wrapper-inner {
    padding: 0;
}
	
	.custom-price-grid .three-columns {
    grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto auto;
	}
	
	.price-row.three-columns .tag {
    grid-column: 1 / -1;
  }
	
	.pticket {
		display: none;
	}
	
	.woocommerce ul.products li.product .price {
		margin-bottom: 0;
	}
	
	.autodraw-inner {
		font-size: 10px !important;
	}
	
	span.countdown-value:before {
    height: 5px;
    top: 8px;
}

span.countdown-value:after {
    height: 5px;
    top: 8px;
}
	
	.colprice {
    font-size: 10px !important;
}
	
	span.innervalue {
    font-size: 14px;
    margin-top: -5px;
}
	
	.il-row {
		font-size: 14px !important;
	}
	
	.ends-container {
    max-width: 100%;
		width: 100% !important;
		margin-top: -9px !important;
}
	
	ul.lottery-pn-answers li {
    	width: 100% !important;
		margin: 0 10px 15px 0 !important;
	}
	
	ul.lottery-pn-answers {
    padding-left: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0px;
}
	
	.daylefttext {
    font-size: 10px;
}
	
	.days-left {
	margin: 20px 30px 15px 20px;
    padding: 4px 8px;
	}
	
	.enddate.full, .enddate.tomorrow, .enddate.today, .enddate.finished {
    font-size: 8px !important;
		width: 90%;
		margin: auto;
}
	
	span.countdown-value {
    font-size: 14px;
}
	
	span.countdown-label {
    font-size: 6px !important;
	}
	
	.loop-content {
    padding: 0 10px 10px 10px;
}
	
	h2.loop-title {
    font-size: 16px;
}
	
	.countdown-days, .countdown-hours, .countdown-minutes, .countdown-seconds {
    width: 100%;
}
	
	.loop-price {
    font-size: 16px;
}

	body.single-product .quantity {
	width: 100% !important;
}
	.cus-loop-button {
	font-size: 13px !important;
}
		.winning-ticket-instant {
    width: 46% !important;
}
	.single-product button.single_add_to_cart_button {
    width: 100%;
    margin: 15px 0 !important;
}
	
		.progress-text {
    text-align: center;
        margin-top: -27px;
        margin-left: 0;
        font-size: 8px;
}
	
	.button-wrapper {
    margin-top: 30px;
    padding: 0 0 8px 0;
}
	
	.progress-sold {
    font-size: 10px;
    margin-top: -18px;
    padding-right: 10px;
}
	
	.salepricespan {
		font-size: 8px;
	}
	
	.price.tag {
		margin-top: -5px;
	}

	
	div.woocommerce-order ul.order_details {
    flex-direction: column;
    gap: 15px;
    text-align: center;
}
	.ticket-accordion .ticket-flex {
		display: grid;
    	grid-template-columns: 1fr 1fr 1fr;
	}
	
.ticket-container {
	flex-basis: 31%
}
	
	.ui-accordion .ui-accordion-content {
    padding: 2em 1.2em;
}
	.elementor-add-to-cart form.cart.pick-number {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
}
	body.single-product .my-instant-prizes {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
	}
	
	body.single-product .winning-ticket-instant {
    width: 100% !important;
}

}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    height: fit-content !important;
}

.woo-wallet-sidebar ul {
    padding: 0 !important;
}

/* ORDER RECIEVED */

div.woocommerce-order {
	color: #ffffff;
}

.woocommerce-thankyou-order-received {
	font-size: 20px;
	text-align:center;
	color: #ffffff;
}

div.woocommerce-order ul.order_details {
    background: #1b1b1b !important;
    color: #ffffff;
    padding: 20px 20px 15px 20px;
    display: flex;
    justify-content: space-around;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
    border-radius: 15px;
    border: solid 1px #4f515a;
}

div.woocommerce-order ul.order_details li {
    margin-right: 0;
    text-transform: uppercase;
    font-size: 11px !important;
    border-right: none;
    padding-right: 0;
    margin-left: 0;
    padding-left: 0;
}

div.woocommerce-order .wc-item-meta, div.woocommerce-order strong.product-quantity, div.woocommerce-order .woocommerce-Price-amount.amount {
	color: #ffffff !important;
}

div.woocommerce-order table.order_details th, div.woocommerce-order table.order_details td {
	color: #ffffff !important;
}

button#reveal-prizes-now {
    color: #0c0d0e;
    background: #eea638 !important;
    border: none !important;
	margin-bottom: 25px;
}

.checkout-winning-tickets {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}

div.woocommerce-order .woocommerce-order-details {
	background: #1b1b1b !important;
	color: #ffffff;
    padding: 20px 20px 15px 20px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
    border-radius: 15px;
    border: solid 1px #4f515a;
}

div.woocommerce-order .woocommerce-table tr, div.woocommerce-order .woocommerce-table th, div.woocommerce-order .woocommerce-table td {
	border: solid 1px #e4e4e4 !important;
	text-align: left !important;
	padding: 15px !important;
}

div.woocommerce-order thead {
	background:#333333 !important;
	color: #ffffff !important;
	text-transform: uppercase;
}

ul.wc-item-meta {
	padding: 0 !important;
}

p.order-again {
	margin-top: 15px;
}

p.order-again a.button {
	background: #333333;
    color: #ffffff;
    padding: 15px 25px;
    text-transform: capitalize;
}

.loggedmessage {
	padding: 20px 10px;
    background: #ffffff;
    border: solid 2px #eeeeee;
    border-left: solid 5px #7ace70;
}

.wc-competition-rebuy-checkout-button {
	color: #000000 !important;
}

@media (min-width: 1px) and (max-width: 767px) {
    
	.checkout-winning-tickets {
	display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
	.checkout-winning-tickets .winning-ticket-instant {
        width: 100% !important;
    }
	
	button#reveal-prizes-now {
    margin: 25px 0 45px 0 !important;
		width: 100%
}
	
}