/* WDW Core CSS Styles */

.draw-on-date {
    color: #720e8a;
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 15px 0px 20px;
}

.loopprice bdi {
    font-size: 24px;
    color: #720e8a;
    font-weight: 700;
}

.draw-on-date-loop {
    background: #ffffff;
    box-shadow: 0px 0px 2px 0px #69727d;
    text-align: center;
    color: #ff9800;
    font-size: 13px;
    border-radius: 10px;
    margin: -10px 20px 0px 20px;
    z-index: 999 !important;
    position: relative;
}

.wc_lotery_countdown-period {
    margin-top: -10px;
    color: black;
 /*   font-family: 'Sedan SC';*/
    font-weight: 600;
}

span.wc_lotery_countdown-section {
    background: #f1f1f1;
    border-radius: 5px;
    border: 1px solid white;
}

.nexttimer span.wc_lotery_countdown-section {
    background: #f1f1f1;
    border-radius: 5px;
    border: 2px solid #000000;
}

.wc_lotery_countdown-show5 .wc_lotery_countdown-section {
    padding: 10px 0px 5px 0px;
}

.wc_lotery_countdown-amount {
    font-size: 15px !important;
}

.nexttimer .wc_lotery_countdown-amount {
    font-size: 25px !important;
}

.loop-instant-prizes {
    background: #720e8a;
    box-shadow: 0px 0px 2px 0px #69727d;
    text-align: center;
    color: #fdfdfd;
    font-size: 13px;
    border-radius: 26px;
    margin: -20px 0px 0px 0px;
    z-index: 999 !important;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    padding: 5px;
}

.loop-no-instant-prizes {
    background: #720e8a;
    box-shadow: 0px 0px 2px 0px #69727d;
    text-align: center;
    color: #fdfdfd;
    font-size: 13px;
    border-radius: 26px;
    margin: -20px 0px 0px 0px;
    z-index: 999 !important;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    padding: 5px;
}

.loop-ending-soon {
    background: #FF5733;
    box-shadow: 0px 0px 2px 0px #69727d;
    text-align: center;
    color: #fdfdfd;
    font-size: 13px;
    border-radius: 26px;
    margin: -20px 0px 0px 0px;
    z-index: 999 !important;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    padding: 5px;
}

.looptitle h4 a {
    font-weight: 600 !important;
}

.wcl-progress-meter {
    margin: 10px 0px !important;
}

span.sold-precentage {
    position: absolute;
    top: 8px;
    right: 5px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
}

progress {
  appearance: none; /* Remove default appearance */
  border: 1px solid #ccc; /* Add a border */
  border-radius: 10px; /* Adjust the border radius as needed */
  width: 100%; /* Set the width as needed */
  height: 15px !important; /* Set the height as needed */
  background: #4CAF50; /* Set the progress bar color */
  overflow: hidden; /* Hide overflow for rounded corners */
}

/* Style the value within the progress bar (optional) */
progress::-webkit-progress-value {
  background: #4CAF50; /* Set the color for Webkit browsers (Safari, Chrome) */
}

progress::-moz-progress-bar {
  background: #4CAF50; /* Set the color for Firefox */
}

.prodprice bdi {
   /* font-size: 40px;*/
    color: #720e8a;
    font-weight: 700;
}

img.prod-ticket-icon {
    width: 17px;
    margin-top: -6px;
}

.keyinfo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: center;
}

.question h3 {
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    background: #1f1f1f;
    color: white;
    padding: 6px 10px;
    border-radius: 5px;
}

.question p.lottery-question {
    margin-top: 15px;
    font-size: 22px;
    margin-bottom: 15px;
}

ul.lottery-pn-answers li {
    border: 0 !important;
    background: #374151;
    color: #ffffff;
    margin: 10px 0px !important;
    border-radius: 5px;
    box-shadow: 0px 0px 3px #1f2937;
    font-weight: 600;
    transition: all 0.2s ease;
    text-align: left;
    padding-left: 15px;
}

ul.lottery-pn-answers li:hover {
    background: #FCD34D;
    color: #1f2937;
    transform: translateY(-1px);
    box-shadow: 0px 2px 6px #d97706;
}

ul.lottery-pn-answers li:before {
    content: "⬤";
    padding-right: 10px;
    color: white;
    text-shadow: 0px 0px 1px #000;
}

ul.lottery-pn-answers li.selected:before {
    color: #1f1f1f;
    -webkit-text-stroke: 3px #fff;
}

ul.lottery-pn-answers li.selected {
    background: #6A1FFF !important;
    color: white;
    transform: translateY(-1px);
    box-shadow: 0px 2px 8px rgba(106, 31, 255, 0.3);
}


.comp-lottery-time.countdown span.wc_lotery_countdown-section {
    padding: 15px 5px;
}

.comp-lottery-time.countdown span.wc_lotery_countdown-amount {
    font-size: 25px;
    color: #720e8a;
    font-weight: 600;
}

.comp-lottery-time.countdown span.wc_lotery_countdown-period {
    margin-top: -5px;
}

a.woocommerce-product-gallery__trigger {
    display: none !important;
}

.comp-facts .draw-on-date-loop {
    background: #3ad534 !important;
    box-shadow: none;
    color: white;
    font-size: 13px;
    border-radius: 5px 0px 0px 5px;
    margin: 0;
    z-index: 999 !important;
    position: relative;
    padding: 5px;
}

.comp-facts .loop-instant-prizes {
    background: #ea4335;
    box-shadow: none;
    text-align: center;
    color: #fdfdfd;
    font-size: 13px;
    border-radius: 0;
    margin: 0;
    z-index: 999 !important;
    position: relative;
    width: 100%;
    padding: 5px;
}

.comp-facts .guaranteed {
    background: #7735ea;
    box-shadow: none;
    text-align: center;
    color: #fdfdfd;
    font-size: 13px;
    border-radius: 0px 5px 5px 0px;
    margin: 0;
    z-index: 999 !important;
    position: relative;
    width: 100%;
    padding: 5px;
}

.comp-facts .great-odds {
    background: #356cea;
    box-shadow: none;
    text-align: center;
    color: #fdfdfd;
    font-size: 13px;
    border-radius: 0px 5px 5px 0px;
    margin: 0;
    z-index: 999 !important;
    position: relative;
    width: 100%;
    padding: 5px;
}

.comp-facts .loop-ending-soon {
    box-shadow: none;
    text-align: center;
    color: #fdfdfd;
    font-size: 13px;
    border-radius: 0;
    margin: 0;
    z-index: 999 !important;
    position: relative;
    width: 100%;
    padding: 5px;
}

.comp-facts .loop-no-instant-prizes {
    box-shadow: none;
    text-align: center;
    color: #fdfdfd;
    font-size: 13px;
    border-radius: 0;
    margin: 0;
    z-index: 999 !important;
    position: relative;
    width: 100%;
    padding: 5px;
}

.comp .elementor-accordion-item {
    margin: 15px 0px;
    border: 1px solid #f4f4f4!important;
    border-radius: 5px;
    box-shadow: 0px 0px 5px #d5d8dc;
    text-transform: uppercase;
    padding: 5px 0px;
}

.comp i.fas.fa-plus {
    background: #720e8a;
    padding: 4px;
    color: white;
    border-radius: 5px;
}

.comp i.fas.fa-minus {
    background: #1f1f1f;
    color: #f5f5f5;
    padding: 4px;
    border-radius: 5px;
}

.instant-winners {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.instant-prize {
    background: aliceblue;
    width: 20%;
    margin: 10px;
    text-align: center;
    border-radius: 5px;
}

.ticket {
    color: white;
    font-size: 20px;
    padding: 5px;
    border-radius: 5px 5px 0px 0px;
}

.winner {
    font-size: 14px;
    font-weight: 600;
}

h2.instant-winners-header {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.instant-prize.won {
    position: relative;
}

.instant-prize.won:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000003d;
    border-radius: 5px 5px 0px 0px;
    cursor: grab;
}

td.product-name {
    display: grid !important;
}

/* Hide non-purchasable lottery products, except on the "entry-lists" page */
body:not(.page-entry-lists) .product-type-lottery:not(.purchasable) {
    display: none;
}


.page-id-13 th.product-quantity, .page-id-13 td.product-quantity {
    display: none !important;
}

span.condition-ready {
    background: #ffb800;
    padding: 10px;
    border-radius: 5px;
    color: black;
    font-weight: 700;
}

span.condition-finished {
    background: #ff0003;
    padding: 10px;
    border-radius: 5px;
    color: white;
    font-weight: 700;
}

td.product_condition.column-product_condition {
    display: flex;
}

.draw-result-loop {
    display: flex;
}

.draw-date {
    text-align: center;
    background: #e3e3e3;
    border-radius: 5px;
    padding: 20px 0px 0px;
    width: 90px;
    height: 90px;
    display: grid;
    align-content: space-between;
    box-shadow: 2px 2px 4px #ccc;
    z-index: 9999;
}

.draw-date .day {
    font-family: 'Titillium Web';
    font-weight: 800;
    font-size: 45px;
}

.draw-date .month {
    background: #720e8a;
    color: white;
    text-transform: uppercase;
    font-weight: 600;
}

.div-cal {
    display: grid;
    align-items: center;
}

.result-winners {
    padding: 10px 10px 10px 30px;
}

.result-winners {
    border: 2px solid #334155;
    margin-left: -15px;
    border-radius: 5px;
    width: 100%;
    border-style: dotted;
}

.competition-name {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    color: #720e8a;
}

.draw-results-loop {
    display: flex;
    margin: 10px;
    width: 50%;
}

span.winner-title, span.ticket-title {
    font-weight: 700;
}

span.dash {
    color: #720e8a;
    font-weight: 700;
}

.result-winner-data, .competition-name {
    padding-bottom: 5px;
}

div#ui-datepicker-div {
    background: #f1f1f1;
    padding: 20px;
    border-radius: 5px;
    border: 4px solid #bbe3eb;
}

.page-id-15 h1.entry-title {
    background: #720e8a!important;
   /* background-image: url(https://demo.dev.cwd.agency/wp-content/uploads/2023/10/bg-01.svg) !important;
    background-repeat: no-repeat;
    background-size: cover !important;*/
    border-radius: 5px;
    padding: 20px;
    margin: 5px 40px;
    text-align: center;
    text-transform: uppercase;
    color: white;
    font-weight: 700 !important;
    font-size: 35px !important;
}

div#fq_qty_radio {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

label#fixedbuttons {
    display: block;
    border: 1px solid #720e8a;
    border-radius: 5px;
    padding: 15px;
    margin: 10px;
    text-align: center;
    width: 22%;
}

.quantity-buttons {
    display: block;
    width: 100%;
    text-align: center;
}

label#fixedbuttons input[type="radio"] {
    display: none;
}

.qtytickets {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
}

label#fixedbuttons span.woocommerce-Price-amount.amount {
    font-size: 20px;
    color: #720e8a;
    font-weight: 700;
}

label#fixedbuttons .selectbutton {
    background: #720e8a;
    border-radius: 100px;
    margin: 5px 30px;
    padding: 5px 20px;
    color: white;
    text-transform: uppercase;
    font-size: 13px;
}

.quantity_select label.selected {
    border: 4px#720e8a !important;
    border-style: solid !important;
    box-shadow: #720e8a 0px 0px 7px 2px;
}

.woocommerce-js div.product form.cart .button {
    float: unset !important;
    margin-top: 1em !important;
}

form.cart.pick-number {
    text-align: center;
}

form.cart.pick-number input#manual-quantity {
    height: 61px;
    border: 1px solid #720e8a;
    margin-right: -4px;
    margin-left: -4px;
    font-size: 20px;
    color: black;
    padding-top: 11px;
    text-align: center;
}

form.cart.pick-number button.quantity-button {
    margin: 0 !important;
    border-radius: 0px !important;
}

div#odd-calc-container {
    width: 100%;
}

.quantity-buttons {
    margin-top: 20px;
}

.manual-quantity {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 600;
}

span.woocommerce-Price-amount.amount {
    color: #720e8a;
    font-size: 20px;
}

table#entry-list-table tr {
    color: white;
}

.entrylist-loop h4 {
    color: white;
}

/* Mobile Smaller Than 600px */

@media only screen and (max-width: 600px) {
    
    .comp-facts .draw-on-date-loop {
    background: #3ad534 !important;
    box-shadow: none;
    color: #FF9800;
    font-size: 13px;
    border-radius: 0px;
    margin: 0;
    z-index: 999 !important;
    position: relative;
    padding: 5px;
}

.comp-facts .loop-instant-prizes {
    background: #ea4335;
    box-shadow: none;
    text-align: center;
    color: #fdfdfd;
    font-size: 13px;
    border-radius: 0px;
    margin: 0;
    z-index: 999 !important;
    position: relative;
    width: 100%;
    padding: 5px;
}

.comp-facts .guaranteed {
    background: #7735ea;
    box-shadow: none;
    text-align: center;
    color: #fdfdfd;
    font-size: 13px;
    border-radius: 0px;
    margin: 0;
    z-index: 999 !important;
    position: relative;
    width: 100%;
    padding: 5px;
}

.comp-facts .great-odds {
    background: #356cea;
    box-shadow: none;
    text-align: center;
    color: #fdfdfd;
    font-size: 13px;
    border-radius: 0px;
    margin: 0;
    z-index: 999 !important;
    position: relative;
    width: 100%;
    padding: 5px;
}
    
    .instant-prize {
    width: 46%;
    margin: 5px;
}
    
    .draw-result-loop {
    flex-wrap: wrap;
}
    
    .draw-results-loop {
    width: 100%;
}
	
	.page-id-15 h1.entry-title {
    margin: 5px 0px;
}
    
    label#fixedbuttons {
    width: 45%;
    margin: 5px;
}
    
    label#fixedbuttons .selectbutton {
    margin: 0px;
    padding: 3px 5px;
}

    
}