/*!
Theme Name: Random Lottery 2025
Theme URI: https://randomlottery.net
Author: Random Lottery
Description: Theme created by Random Lottery
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 8.3
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: rl2
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/


/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	GENRAL STUFF	*/
body {margin: 0;font-family:"Open Sans", sans-serif;font-size:18px;font-weight:400;line-height:1.7em;color:#fff;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;background:#000}
a,a:visited, a:active, a:link{text-decoration:none;color:inherit}

.accent-color, li::marker{color:#f4c053;}
.accent-background,.accent-hover-background:hover{background-color:#f4c053;}
.clear{clear:both;line-height:0px;height:0px;font-size:0px;}
a{transition:.3s;}
strong, b{font-weight:700 !important}
button, a, input{outline:none}
button, input{border-radius:0px !important;}
.container-wide{width:1400px;max-width:100%;margin:0 auto}
.site-main{padding-bottom:60px}

h1{font-size:50px;color:#f4c053;margin-bottom:40px;font-weight:800}
h2{font-size:38px;color:#f4c053;margin-bottom:35px;font-weight:800}
h3{font-size:28px;color:#f4c053;margin-bottom:30px;font-weight:700}

.centered-image{
	text-align:center;
}
.centered-image::before{
	content:" ";
	display:inline-block;
	width:0px;
	height:100%;
	font:0px;
	vertical-align:middle;
}
.centered-image img{
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
	vertical-align:middle;
}
.numbered-list{
	line-height:21px;
	list-style:none;
	margin:40px 0px 0px 0px;
	padding:0px;
}
.numbered-list li{
	position:relative;
	margin-bottom:50px;
	margin-left:50px;
	line-height:30px;
}
.numbered-list .number{
	position:absolute;
	top:0px;
	left:-50px;
	display:inline-block;
	font-size:30px;
	background:#f4c053;
	color:#000;
	font-weight:600;
	min-height:40px;
	min-width:40px;
	line-height:40px;
	text-align:center;
	border-radius:100%;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	HEADER	*/
.custom-logo{margin-top:20px;margin-bottom:20px;max-width:100%;height:auto}
.account-menu a{margin-left:34px;transition:all .3s}
.account-menu a:hover{color:#f4c053}
.account-menu a i, .account-menu a svg{color:#f4c053 !important}
.top-bar{min-height:50px;line-height:50px;margin-bottom:40px}
.home .top-bar{margin-bottom:0px}
#top-menu{margin:0px}
#top-menu li{display:inline-block}
#top-menu li a{font-size:26px;color:#000;position:relative;display:inline-block}
#top-menu li a:hover::before, #top-menu li a:hover::after{content:"-";position:absolute;top:0px}
#top-menu li a:hover::before{left:-10px;}
#top-menu li a:hover::after{right:-10px;}
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	MENIU	*/

/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	FOOTER	*/
.site-footer li a:hover{padding-left:5px; color:#f4c053;}
footer{background:#16151a;border-top:solid 3px #f4c053;padding-top:60px;padding-bottom:40px;line-height:1.8em}
footer ul{margin-left:20%}
.visa-mastercard{max-width:210px;height:auto;margin-bottom:25px;}
.social{position:relative;width:32px;height:32px;margin:0 5px;display:inline-block;}
.social::before{content:" ";display:block;width:34px;height:34px;background:#f4c053;position:absolute;left:-2px;top:-1px;z-index:10;border-radius:100%}
.social span{display:block;position:relative;width:100%;height:100%;background:#000;color:#f4c053;z-index:200;border-radius:100%;transition:all .3s}
.social:hover span{color:#fff}
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	CONTACT	*/

/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	FAQ	*/
.accordion-item{
	border-top:none;
	border-left:none;
	border-right:none;
}
.accordion-button::after{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f4c053'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
.accordion-button[aria-expanded="true"]::after{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}

.accordion-item .fa-solid, .accordion-item svg{color:#f4c053; margin-right:10px;}
.accordion-button[aria-expanded="true"] .fa-solid, .accordion-button[aria-expanded="true"] svg{font-size:24px}
.accordion-button{border:none !important;outline:noe !important; box-shadow:none !important;background-color:#1c1b21;color:#fff;}
.accordion-button[aria-expanded="true"]{background-color:#1c1b21;color:#fff;}

/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	WINNERS	*/
.navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled { color: #fff; text-decoration:none;}
.navigation li { display: inline;border:}

.navigation li a,.navigation li a:hover,.navigation li.active a, .navigation li.disabled {background-color: #1c1b21; border:solid 1px #fff;border-radius: 0px; cursor: pointer; padding:6px 12px;line-height:1em !important}
.navigation li a:hover, .navigation li.active a { background-color: #f4c053;color:#000}
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	PAGES	*/

h1.entry-title{text-align:center;text-transform:uppercase}
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	PRODUS	*/
.join_now{font-size:25px;color:#f4c053;padding:0px 0px 10px 0px}
h1.product_title{background:none;color:#fff;font-size:50px;margin-bottom:10px;}
.product-listing{margin-bottom:60px;}

.timer-container{font-size:24px !important;font-weight:600}
.timer-container small{font-size:18px}
.timer{margin-top:20px;margin-bottom:10px;padding:30px 30px;background:#f4c053;text-align:center;color:#000;font-size:20px;text-transform:uppercase}
.timer span{color:#000;font-size:50px;font-weight:600;display:inline-block;margin-bottom:20px}
.timer div{display:inline-block;min-width:50px;font-weight:400}
.time-spacer{min-width:none !important;padding:0px 10px;color:#f4c053;font-size:40px;vertical-align:top;font-weight:300}

.info-stock{
	margin:20px 0px;
}
.info-stock span{color:#f4c053}
.info-stock .fa-user{margin-left:30px;font-size:25px;margin-right:15px;}
.icon-ticket{background:url('img/ticket.png') center center no-repeat; width:32px; height:32px; display:inline-block;vertical-align:middle;margin-right:15px}
.icon-clock{background:url('img/clock.png') center center no-repeat; width:32px; height:32px; display:inline-block;vertical-align:middle;margin-right:15px;margin-bottom:4px;}
.icon-ticket-white{background:url('img/ticket.png') center center no-repeat; width:32px; height:32px; display:inline-block;vertical-align:middle;margin-right:15px;margin-bottom:4px;}

.info-question{font-weight:400;font-size:16px}
.single-price{font-size:36px;color:#f4c053;font-weight:900;margin-top:25px;margin-bottom:25px;line-height:70px}
.single-price div{display:inline-block}

.archive-price{font-size:50px;color:#f4c053;;font-weight:300;margin:25px;line-height:70px}
.archive-price h4{line-height:70px;}
.woocommerce-loop-product__title{margin:25px;}

.checkout-button{background:#f4c053 !important}
.info-tickets{font-size:18px;margin:30px 0px}

.progress{padding-top:40x;border-radius:0px;max-width:500px;background:#1c1b21;position:relative;overflow:visible !important;max-width:500px;height:10px;margin-bottom:10px;}
.progress-bar{position:relative !important}

.tooltip-inner{background:#f4c053;color:#000;border-radius:0px;font-size:16px}
.tooltip-arrow::before{border-top-color:#f4c053 !important}

.info-question{color:#f4c053}
.question{font-size:30px;color:#fff;font-weight:400;margin-top:1px;margin-bottom:25px;line-height:50px}
.question select{border:solid 1px #fff;background:#000;color:#fff;border-radius:0px;outline:none !important}

.quantity input, .single_add_to_cart_button, .free_postal_entry, .findtheball_game{border-radius:0px !important;height:37px}
.quantity input{background:#000;color:#f4c053; border:solid 1px #f4c053;width:140px !important;display:inline-block;text-align:left !important;padding-left:25px !important}
.single_add_to_cart_button, .free_postal_entry, .findtheball_game{background:#f4c053 !important}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  
	color:#f4c053 !important;
	opacity: 1;
}
.free_postal_entry, .findtheball_game{width:auto;}
#postalEntryModal, #findTheBallModal{z-index:999999}
.modal-backdrop{z-index:999998}
#postalEntryModal .modal-body, .#findTheBallModal .modal-body{font-weight:400;font-size:15px}

.modal-findtheball{min-width:840px !important;min-height:660px !important;max-width:840px !important;}
#findtheballImage{cursor:pointer}
.modal-open {overflow-x: scroll !important;}
#findTheBallModal{position:absolute !important;min-width:100%;width:auto !important;}

.buynow{display:inline-block;width:auto}
.woocommerce div.product div.images .woocommerce-product-gallery__image:first-child{margin-top:20px;}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2){width:15%;padding:10px 10px 10px 0px}

.tab-descriere{background:#16151A;border-bottom:solid 3px #f4c053;padding:45px 0px 30px 0px }
.tab-instant{border-top:solid 3px #f4c053;padding:45px 0px 30px 0px }
.tab-instant h1{margin-bottom:80px !important}
.related{padding-top:45px;}
.related h2{text-align:center; text-transform:uppercase}

.white-text{color:#fff !important}

.tabs{border-top:solid 3px #f4c053;margin:40px 0px;}
.tab2{display:none}
.tab-button{font-size:30px;color:#fff;background:#1c1b21;padding-left:70px;padding-right:70px;border:none;border-radius:0px;font-weight:300;margin:0px;line-height:50px;position:relative;z-index:100}
.seccond-button{padding-left:10px;padding-right:10px;z-index:102 !important}
.seccond-button::after{
	content: "";
	width: 40%;
	height: 100%;
	-webkit-transform: skew(-18deg);
	-ms-transform: skew(-18deg);
	transform: skew(-18deg);
	background: inherit;
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: -12%;
	z-index: -1;
}
.seccond-button::before{
	content: "";
	width: 40%;
	height: 100%;
	-webkit-transform: skew(-18deg);
	-ms-transform: skew(-18deg);
	transform: skew(-18deg);
	background: inherit;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: -12%;
	z-index: -1;
}
.tab-button-active{background:#f4c053}
.tabs .container-wide{margin-top:50px}

.archive-product-info{background:#f4c053;color:#000;padding:20px;font-weight:600;font-size:16px}
.archive-product-info svg{width:30px;height:30px;}
.product-listing>div{background:#efefef} 

.woocommerce-page div.product div.images{width:54%}
.woocommerce-page div.product div.summary{width:42%}

/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	TICKETS	*/


.ticket {
    position: relative !important;
    background: #f4c053;
    padding: 7px 3px;
    font-size:14px;
    font-weight:normal;
    line-height:20px;
	color:#000; 
    border-radius:5px;	
    margin-bottom:20px;
}

.tichet-activ{
	background:rgba(255,255,255,.6) !important;
}

.ticket-content {
    padding: 4px 10px 4px 20px;
    text-decoration: none;
    color: #000;
    white-space: nowrap;
}

.ticket::after{
	content:"";
    position: absolute !important;
    z-index: 100;
    border: 15px #000 solid;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    margin-top: -15px;
    width: 0;
    height: 0;
    top: 50%;
    left: -15px;
}

.ticket::before{
	content:"";
    position: absolute !important;
    z-index: 100;
    border: 15px #000 solid;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    margin-top: -15px;
    width: 0;
    height: 0;
    top: 50%;
    right: -15px;
}

.ticket .show-instant{
    position: absolute !important;
    z-index: 99;
    top: 0;
    right: 0;
    width:100px;
    height:100%;    
    background:#f4c053;
    color:#fff;
    border:none;
}
.show-instant i,.show-instant svg,.instant-tickets{
    transition:all .4s;
}
.opened-instant i,.opened-instant svg{transform:rotate(180deg);}

.tichet-prize{color:#000;font-weight:bold;font-size:18px; line-height:22px}
.tichet-activ .tichet-bilet{color:#fff !important}

/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	CAROUSEL	*/

.carousel-winner{background:#fff;margin:15px}
.carousel-winner h3, .woocommerce-loop-product__title{font-size:22px; color:#000;margin-top:20px;margin-bottom:20px;text-align:center}
.archive-price{font-size:40px;font-weight:900;margin-bottom:10px;}
.carouselFront{border-bottom:solid 3px #f4c053;}
.carouselFrontActive{border-bottom:solid 3px #f4c053;margin-top:40px}

#carouselTopCompetitions{background:#1c1b21}
.carousel-indicators{top:auto !important;bottom:0px !important;position:static !important}
.round-indicator{margin-top:6px !important; width:15px !important; height:15px !important;border-radius:100% !important; background-color:#fff !important; opacity:1 !important}
.carousel-indicators .active{background-color:#f4c053 !important}

#carouselTopCompetitions .carousel-control-next, #carouselTopCompetitions .carousel-control-prev{width:2%}


.main-slider{position:relative;}
.slider-info{position:absolute;top:50%;transform: translateY(-50%);left:4%;color:#fff;background:rgba(244,192,83,.8);padding:20px;font-size:36px;font-weight:900}
.info-pret{font-size:28px; color:#000; line-height:55px;margin-top:35px;margin-bottom:10px}

.info-link{line-height:22px !important; display:inline-block;padding:10px 15px;border-radius:5px}
.info-link{color:#fff;background:#000;font-size:20px;font-weight:900}

.slider-info .youcanwin{font-size:34px;padding:10px 15px;display:block;color:#fff;background:#000;border-radius:5px;margin-bottom:50px;text-transform:uppercase;text-align:center}

.jumbo-button{margin:50px;}
.jumbo-button a{font-size:26px;padding:20px 60px;color:#fff;font-weight:900;border:solid 1px #f4c053}
.jumbo-button a:hover{background:#f4c053;color:#fff}

h4.expired{line-height:1em;color:#ff1010;font-size:20px}
.label_extragere{background:#f4c053;text-align:center}
h2.expired{color:#ff1010;font-size:24px;font-weight:600}
/* ---------------------------------------------------------------------------------------------------------------------------------------- */

.mobile-menu-buttom{display:none;border:none !important;background:none !important;color:#000;text-align:left;font-weight:600;padding-left:20px}

/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	RESPONSIVE	*/
@media screen and (max-width: 1366px) {
	footer ul{margin-left:1%}
}



/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	CAROUSEL EXTRA 	*/

@media (max-width: 767px) {
	.product-listing{border:solid 1px #e2e2e2;padding:0px;}
	.top-social{text-align:right !important;}
    #carouselWinners .carousel-inner .carousel-item > div {
        display: none;
    }
    #carouselWinners .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
    #carouselCompetitions .carousel-inner .carousel-item > div {
        display: none;
    }
    #carouselCompetitions .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
    .site-footer .container-wide .row{margin:0px;}
    
    
    .cifre-text{display:block;text-align:center;padding-top:10px;}
    .cifre{margin-top:10px; margin-bottom:10px}
}

@media (max-width: 992px) {

	h1{font-size:35px}
	h2{font-size:30px}
	h3{font-size:25px}


	.jumbo-button a{font-size:20px;padding:15px 20px;color:#fff;font-weight:800;border:solid 1px #f4c053}

	.woocommerce-page div.product div.images{width:100%}
	.woocommerce-page div.product div.summary{width:100%}

	.mobile-menu-buttom{display:block;position:relative;z-index:9999;line-height:70px}
	.menu-container{display:block !important;padding:0px;position:absolute;top:50px;left:0px;width:100%;text-align:left !important;transition:all .5s;visibility:none;opacity:0;z-index:-1}
	.show-menu{visibility:visible;opacity:1;z-index:9998}
	#top-menu{background:#fff;display:block !important;width:100%}
	#top-menu li{display:block;padding:0px;text-align:center;line-height:50px}
	#top-menu li{border-color:#f4c053 !important}
	#top-menu li{line-height:30px}
	#top-menu li::before{content:'';display:none}
	#top-menu li a{margin:0px;padding:10px 25px}
	#top-menu>li{border-bottom:solid 1px #f4c053;padding-left:0px}

	.product-listing{border:solid 1px #e2e2e2;padding:0px;}
	.top-social{text-align:right !important;}
    #carouselWinners .carousel-inner .carousel-item > div {
        display: none;
    }
    #carouselWinners .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
    #carouselCompetitions .carousel-inner .carousel-item > div {
        display: none;
    }
    #carouselCompetitions .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
    .site-footer .container-wide .row{margin:0px;}
    
    
    .cifre-text{display:block;text-align:center;padding-top:10px;}
    .cifre{margin-top:10px; margin-bottom:10px}
}

#carouselWinners .carousel-inner .carousel-item.active,
#carouselWinners .carousel-inner .carousel-item-next,
#carouselWinners .carousel-inner .carousel-item-prev,
#carouselCompetitions .carousel-inner .carousel-item.active,
#carouselCompetitions .carousel-inner .carousel-item-next,
#carouselCompetitions .carousel-inner .carousel-item-prev{
    display: flex;
}

/* medium and up screens */
@media (min-width: 992px) {
    #carouselWinners .carousel-inner .carousel-item-end.active,
    #carouselWinners .carousel-inner .carousel-item-next {
      transform: translateX(33.33%);
    }
    
    #carouselWinners .carousel-inner .carousel-item-start.active, 
    #carouselWinners .carousel-inner .carousel-item-prev {
      transform: translateX(-33.33%);
    }
    
    #carouselCompetitions .carousel-inner .carousel-item-end.active,
    #carouselCompetitions .carousel-inner .carousel-item-next {
      transform: translateX(33.33%);
    }
    
    #carouselCompetitions .carousel-inner .carousel-item-start.active, 
    #carouselCompetitions .carousel-inner .carousel-item-prev {
      transform: translateX(-33.33%);
    }
}

#carouselWinners .carousel-inner .carousel-item-end,
#carouselWinners .carousel-inner .carousel-item-start { 
  transform: translateX(0);
}

#carouselCompetitions .carousel-inner .carousel-item-end,
#carouselCompetitions .carousel-inner .carousel-item-start { 
  transform: translateX(0);
}
