@charset "utf-8";
/* CSS Document */

/* Hero Top Section */
.hero {
	display:block;
    background: #FFF;
	overflow: hidden;
	width:100%;
	z-index:3;
}
.hero img { display:block; width:100%; }
.hero #topImg { display:none; }
.hero #mobImg { display:none; }
@media only screen and (min-width: 601px) {
	.hero #topImg { display:block; max-width:1400px; margin:0 auto; }
}
@media only screen and (max-width: 600px) {
	.hero #mobImg { display:block; }
}
.hero .img { position:absolute; bottom:0; width:350px; height:100%; }
.hero #leftImg { right:50%; margin-right:700px;}
.hero #rightImg { left:50%; margin-left:700px;}

/* Top Image */
.topImg 			{ line-height:0; }
.topImg img			{ display:block; width:100%; }
.topImg img.full 	{ max-height:750px; }
.topImg img.mobile 	{}

/* Top Video/Vimeo */
.topVideo { border-bottom:1px solid #7D5540; padding-top:56.4%; }
.topVimeo { padding-top:56.4%; }

/* Hero Top Section -  Owl Carousel */
.hero.owl-carousel {
	--panel-h:		500px;
	--panel-max-w:	1500px;
	--panel-txt-w:	1300px;
	--panel-txt-pad:35px 60px;
	--txt-font-size:17px;
	--txt-margin:	40px;
	--img-pos-left:	0px;
}
.hero.owl-carousel { width:100%; height:var(--panel-h); margin:0 auto; overflow:visible; }

/* Hero Top Section - Panels */
.hero .top-panel { overflow:hidden; }

.hero .panel-content,
.hero .panel-img {
	display: block;
    max-width: var(--panel-max-w);
    margin: 0 auto;
	height:var(--panel-h);
}
.hero .panel-img img { width:100%; height:var(--panel-h); object-fit:cover; object-position:center; }

.hero img.display-ful { display:block; }
.hero img.display-tab,
.hero img.display-mob { display:none; }

.hero .panel-txt 				{ max-width: var(--panel-txt-w); height:var(--panel-h); padding:var(--panel-txt-pad); margin:0 auto; }
.hero .panel-txt p.txt-line 	{ line-height:140%; margin:var(--txt-margin) 0; padding:0; }
.hero .panel-txt .txt-line 	{ font-size:var(--txt-font-size); color:#FFF; }
.hero .panel-txt .txt-line b 	{ display:block; padding-bottom:calc(var(--txt-font-size) - 2px); font-family:Rubik, Arial, Helvetica, sans-serif; 
									  font-size:2.5em; font-weight:700; text-shadow:0 1px 2px #000; }
.hero .panel-txt .txt-line.line-1  	{ font-size:calc(var(--txt-font-size) + 5px); }
.hero .panel-txt .txt-line.line-1 b  	{ font-size:3em; padding-bottom:calc(var(--txt-font-size) + 3px); }
.hero .panel-txt .txt-line.line-2  	{ font-size:calc(var(--txt-font-size) + 2px); }
.hero .panel-txt .txt-line.line-3  	{ font-size:var(--txt-font-size); }
.hero .panel-txt p.btn-row 			{ padding:1px 0 !important; margin:0; }
.hero .panel-txt .btn-row a.btn 		{ background:#28006A; color:#FFF; font-size:var(--txt-font-size); }

.hero .sponsored::after	{ 
	content: "SPONSORED"; 
	position: absolute;
	top: 28px;
	left: -34px;
	width: 160px;
	height: 30px;
	background-color: #35365B;
	transform: rotate(-45deg);
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	z-index: 10;
	
	color: white;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	white-space: nowrap;
}
@media only screen and (min-width: 601px) {
	.hero .badge {
		display:none;
		position: absolute;
		bottom: 1em;
		left: 1em;
		width: 9em;
		height: 9em;
	}
}
.hero .badge.top-pick {
	display:block;
	background: url(../images/icon/top_pick.png) no-repeat bottom left;
	background-size:contain;
}

#freeLottoClub 					{ background:#F67A06; }
#freeLottoClub .panel-content 	{ background-repeat:no-repeat; background-position:center left var(--img-pos-left); background-size:contain;
								  background-image:url(../images/top_panels/free_lotto_club_01_ful.jpg); }
#freeLottoClub .panel-txt 		{ text-align:right; }

@media only screen and (min-width: 1501px) {
	.hero .panel-img::before,
	.hero .panel-img::after {
		content:"";
		display:block;
		position: absolute;
		bottom: 0;
		width: 350px;
		height: 100%;
	}
	.hero .panel-img::before {
		right: 50%;
		margin-right: calc(var(--panel-max-w) / 2);
	}
	.hero .panel-img::after {
		left: 50%;
		margin-left: calc(var(--panel-max-w) / 2);
	}
	#happyBirthdates .panel-img::before { background:#E40161; }
	#happyBirthdates .panel-img::after 	{ background:#FE3587; }
	#nationalLottery .panel-img::before,
	#nationalLottery .panel-img::after 	{ background:#F90; }
	
	/*
	#happyBirthdates .panel-img::before	{ background:#FCF url(../images/top/ireland_wicklow_hills_01_left.jpg) no-repeat top right; background-size:cover; }
	#happyBirthdates .panel-img::after 	{ background:#FCF url(../images/top/ireland_wicklow_hills_01_right.jpg) no-repeat top left; background-size:cover; }
	*/
}

@media only screen and (min-width: 1101px) and (max-width: 1400px) {
	/* Hero Top Section -  Owl Carousel */
	.hero.owl-carousel {
		--panel-txt-w:	1220px;
		--img-pos-left:	-60px;
	}
}
@media only screen and (min-width: 1101px) and (max-width: 1300px) {
	/* Hero Top Section -  Owl Carousel */
	.hero.owl-carousel {
		--panel-txt-w:	1150px;
		--img-pos-left:	-100px;
	}
}
@media only screen and (min-width: 1101px) and (max-width: 1200px) {
	/* Hero Top Section -  Owl Carousel */
	.hero.owl-carousel {
		--panel-txt-w:	1100px;
		--img-pos-left:	-140px;
	}
}
@media only screen and (min-width: 601px) and (max-width: 1100px) {
	/* Hero Top Section -  Owl Carousel */
	.hero.owl-carousel {
		--panel-h:		550px;
		--panel-txt-w:	1030px;
		--panel-txt-pad:40px 30px 0;
		--txt-margin:	50px;
		--txt-font-size:16px;
	}
	.hero img.display-tab { display:block;}
	.hero img.display-ful,
	.hero img.display-mob { display:none; }
	
	#freeLottoClub .panel-content 	{ background-image:url(../images/top_panels/free_lotto_club_01_tab.jpg); }
}
@media only screen and (min-width: 601px) and (max-width: 1000px) {
	/* Hero Top Section -  Owl Carousel */
	.hero.owl-carousel {
		--panel-h:		500px;
		--panel-txt-w:	930px;
		--panel-txt-pad:35px 30px 0;
		--txt-margin:	46px;
		--txt-font-size:15px;
		--img-pos-left:	0px;
	}
}
@media only screen and (min-width: 601px) and (max-width: 900px) {
	/* Hero Top Section -  Owl Carousel */
	.hero.owl-carousel {
		--panel-h:		430px;
		--panel-txt-w:	830px;
		--panel-txt-pad:27px 25px 0;
		--txt-margin:	38px;
		--txt-font-size:14px;
		--img-pos-left:	-20px;
	}
	.hero .panel-txt .txt-line.line-1 b  	{ font-size:2.8em; }
}
@media only screen and (min-width: 601px) and (max-width: 800px) {
	/* Hero Top Section -  Owl Carousel */
	.hero.owl-carousel {
		--panel-h:		380px;
		--panel-txt-w:	730px;
		--panel-txt-pad:25px 25px 0;
		--txt-margin:	30px;
		--txt-font-size:13px;
		--img-pos-left:	-40px;
	}
	.hero .panel-txt .txt-line.line-1 b  	{ font-size:2.6em; }
}
@media only screen and (min-width: 601px) and (max-width: 768px) {
	.hero .badge.top-pick {
		bottom: 1em;
		left: 1em;
		width: 8em;
		height: 8em;
	}
}
@media only screen and (min-width: 601px) and (max-width: 700px) {
	/* Hero Top Section -  Owl Carousel */
	.hero.owl-carousel {
		--panel-h:		340px;
		--panel-txt-pad:22px 25px 0;
		--txt-margin:	27px;
		--txt-font-size:12px;
	}
}
@media only screen and (min-width: 601px) and (max-width: 650px) {
	/* Hero Top Section -  Owl Carousel */
	.hero.owl-carousel {
		--panel-h:		320px;
		--panel-txt-pad:20px 25px 0;
		--txt-margin:	25px;
		--txt-font-size:11px;
		--img-pos-left:	-40px;
	}
}

@media only screen and (max-width: 600px) {
	/* Hero Top Section -  Owl Carousel */
	.hero.owl-carousel {
		--panel-h:		auto;
		--panel-max-w:	600px;
		--panel-txt-w:	490px;
		--panel-txt-pad:30px 0 1em;
		--txt-margin:	30px;
		--txt-font-size:14px;
		--img-pos-left:	-10px;
	}
	.hero .panel-txt .txt-line.line-1 b  	{ font-size:2.6em; }
		
	.hero .panel-txt p.btn-row 				{ display:flex; flex-direction:column; justify-content:flex-end; gap:1em; width:150px; margin:1em 0 1em auto; }
	.hero .panel-txt .btn-row a.btn 		{ font-size:calc(var(--txt-font-size) + 3px); margin:0 !important; }
	
	.hero img.display-mob { display:block;}
	.hero img.display-ful,
	.hero img.display-tab { display:none; }
	
	#freeLottoClub .panel-content 			{ background:url(../images/top_panels/free_lotto_club_01_mob.jpg) no-repeat bottom left var(--img-pos-left); }
	#freeLottoClub .panel-txt .line-3		{ margin-bottom:1em; }
	#freeLottoClub .panel-txt .line-3 .txt 	{ display:inline-block; max-width:250px; }
	
	.hero .badge {
		display:block;
		background-position:center;
		width: 8em;
		height: 8em;
		margin:1em 0 1em auto;
	}
}
@media only screen and (max-width: 550px) {
	/* Hero Top Section -  Owl Carousel */
	.hero.owl-carousel {
		--panel-txt-w:	450px;
		--panel-txt-pad:28px 0 1em;
		--txt-margin:	28px;
		--txt-font-size:13px;
		--img-pos-left:	-20px;
	}
	#freeLottoClub .panel-txt .line-3 .txt 	{ max-width:200px; }
	
	.hero .panel-txt p.btn-row { width:140px; }
}
@media only screen and (max-width: 500px) {
	/* Hero Top Section -  Owl Carousel */
	.hero.owl-carousel {
		--panel-txt-w:	400px;
		--panel-txt-pad:28px 0 1em;
		--txt-font-size:12px;
		--img-pos-left:	-20px;
		--img-width:	470px;
	}
	.hero .panel-txt .btn-row a.btn 	{ font-size:calc(var(--txt-font-size) + 2px); }
	#freeLottoClub .panel-content 		{ background-size:var(--img-width); }
	
	.hero .panel-txt p.btn-row { width:130px; }
	
	.hero .badge {
		width: 7em;
		height: 7em;
	}
}
@media only screen and (max-width: 450px) {
	/* Hero Top Section -  Owl Carousel */
	.hero.owl-carousel {
		--panel-txt-w:	350px;
		--panel-txt-pad:20px 0 1em;
		--txt-margin:	26px;
		--txt-font-size:12px;
		--img-pos-left:	-20px;
		--img-width:	440px;
	}
	.hero .panel-txt .txt-line b 			{ padding-bottom:calc(var(--txt-font-size) - 1px); font-size:2.2em; }
	.hero .panel-txt .txt-line.line-1  	{ font-size:calc(var(--txt-font-size) + 4px); }
	.hero .panel-txt .txt-line.line-1 b  	{ font-size:2.4em; padding-bottom:calc(var(--txt-font-size) + 2px); }
	.hero .panel-txt .txt-line.line-2  	{ font-size:calc(var(--txt-font-size) + 2px); }
	.hero .panel-txt .txt-line.line-3  	{ font-size:var(--txt-font-size); }
	
	.hero .panel-txt p.btn-row { width:125px; }
	
	.hero .badge {
		width: 6em;
		height: 6em;
	}
}
@media only screen and (max-width: 400px) {
	/* Hero Top Section -  Owl Carousel */
	.hero.owl-carousel {
		--panel-txt-w:	300px;
		--panel-txt-pad:18px 0 1em;
		--txt-margin:	24px;
		--txt-font-size:12px;
		--img-pos-left:	-20px;
		--img-width:	420px;
	}
	.hero .panel-txt .txt-line b 			{ padding-bottom:var(--txt-font-size); font-size:2em; }
	.hero .panel-txt .txt-line.line-1  		{ font-size:calc(var(--txt-font-size) + 2px); }
	.hero .panel-txt .txt-line.line-1 b  	{ font-size:2.2em; padding-bottom:var(--txt-font-size); }
	.hero .panel-txt .txt-line.line-2  		{ font-size:calc(var(--txt-font-size) + 1px); }
	.hero .panel-txt .txt-line.line-3  		{ font-size:var(--txt-font-size); }
	.hero .panel-txt .btn-row a.btn 		{ font-size:calc(var(--txt-font-size) + 1px); }
	
	#freeLottoClub .panel-txt .line-3 .txt 	{ max-width:160px; }
	
	.hero .panel-txt p.btn-row { width:118px; }
	
	.hero .badge {
		width: 5em;
		height: 5em;
	}
}
@media only screen and (max-width: 350px) {
	/* Hero Top Section -  Owl Carousel */
	.hero.owl-carousel {
		--panel-txt-w:	270px;
		--panel-txt-pad:16px 0 1em;
		--txt-margin:	22px;
		--txt-font-size:11px;
		--img-pos-left:	-20px;
		--img-width:	390px;
	}
	#freeLottoClub .panel-txt .line-3 .txt 	{ max-width:140px; }
	
	.hero .panel-txt p.btn-row { width:110px; }
	
	.hero .badge {
		width: 4.5em;
		height: 4.5em;
	}
}