/* rock it  */

:root {
	--yellow:#D8F000;
	--green:#08F86D;
	--dark-green:#003A29;
	--light-grey:#D4D3DB;
	--dark-grey:#8E8E8E;
	--red:#E60000;
}

strong {font-weight:700;}
body {background:#000;}
body, .libre-franklin {
  font-family: "libre-franklin", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.libre-franklin-regular {
  font-family: "libre-franklin", sans-serif;
  font-weight: 400;
  font-style: normal;
	color:var(--green);
}

.libre-franklin-bold, .home-lol .card p, .filler {
  font-family: "libre-franklin", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.filler {
	font-style: italic;
}

.filler .arrow {
	font-family: Silkscreen;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%; /* 20px */
	text-transform: uppercase;
}


.button {height:48px;border:1px solid transparent;display:inline-flex;justify-content: center;align-items: center;font-size:16px;color:white;font-weight:700;text-decoration:none;width:184px;transition:all .2s linear;
	font-size: 20px;
	font-style: italic;
	font-weight: 800;
	line-height: 32px; /* 160% */
	letter-spacing: 0.4px;
	text-transform: none;
	border-radius: 6px;
}
.button.primary {background: #10F555;color:#000;}
.button.secondary {border-color:var(--green);}
.button.secondary.yellow {border-color:var(--yellow);}
.button.primary:hover,.button.secondary:hover {background:var(--green);border-color:var(--green);color:black;}



.parrallax {position:relative;transition: transform 1s ease-out;will-change: transform;}

	.home-join-discord .arrow {position:absolute;left:0;top: -65px;width: 65px;z-index:2;}
	.home-join-discord .discord-left {position:absolute;left: 20px;top: 80%;width: 75px;z-index:2;}
	.home-join-discord .discord-right {position:absolute;right: 30px;top: -18px;width: 145px;z-index:2;}
	.home-join-discord .footer-radial {position:absolute;left: 0;bottom: 0;width: 120px;pointer-events: none;z-index:1;}
	
	@media screen and (min-width:768px){
		.home-join-discord .discord-left {
			position: absolute;
			left: 20px;
			top: 75%;
			width: 145px;
			z-index: 2;
		}
	.home-join-discord .footer-radial {left: 0;bottom: 0;width: 450px;pointer-events: none;}
	}
	@media screen and (min-width:992px){
	.home-join-discord .arrow {ptop: -65px;width: 140px;}
	.home-join-discord .discord-left {left: calc(50% - 480px);top: 50%;width: 215px;}
	.home-join-discord .discord-right {right: 30px;top: -28px;width: 285px;}
	}
	
	
	.footer {text-align:center;position:relative;}
	.footer .footer-logo {margin:260px auto 0 auto;}
	.footer .links {font-size:12px;text-transform: capitalize;line-height:1em;display: flex;justify-content: center;}
	.footer .links p {margin-bottom:10px;position: relative;margin-right: 16px;}
	.footer .links p:after {
		content: "|";
		padding-right: 16px;
		display: block;
		position: absolute;
		right: -26px;
		top: 0;
	}
	.footer .links a {color:white;display:inline-block;text-underline-offset:2px;
		font-size: 12px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: 0.6px;
		text-decoration-line: underline;
		text-decoration-style: solid;
		text-decoration-skip-ink: none;
		text-decoration-thickness: auto;
		text-underline-offset: auto;
	}
	.footer .links a:hover {color:var(--green);}
	.footer .links a:nth-of-type(n+2) {padding-left:16px;position:relative;}
	.footer .links a:nth-of-type(n+2):before {content:"|";padding-left:16px;display:block;position:absolute;left:-10px;}
	
	.footer .social {display:inline-flex;gap:24px;margin:40px auto;}
	.footer .social a {color:white;text-decoration:none;}
	.footer .social a:hover img {transition:all .2s linear;}
	.footer .social a:hover img {filter: brightness(0) saturate(100%) invert(71%) sepia(89%) saturate(471%) hue-rotate(85deg) brightness(104%) contrast(106%);}
	
	.home-join-discord {padding-top:50px;padding-bottom:70px;position:relative;background: url(/wp-content/themes/nedbank-esports/assets/images/Background.webp) ;background-size: auto 100%;color:white;padding-top:190px;z-index:5;}
	.home-join-discord>div {z-index:2;position:relative;}
	.home-join-discord .content {text-align:center;margin:0px auto;}
	.home-join-discord .content h2 {margin-bottom:30px;font-size:20px;overflow:hidden;position:relative;}
	.home-join-discord .content h2:before {content:"";background:url('/wp-content/themes/nedbank-esports/images/level-up-your-network.svg') center top no-repeat;width: 100%;height: 85px;display: block;background-size: contain;}
	.home-join-discord .content h2 strong {position:absolute;top:100%;}
	.home-join-discord .content h2 span {max-width: 230px;display: block;}
	.home-join-discord .content p {font-size:15px;margin-bottom:30px;}
	.home-join-discord .content p:nth-of-type(1) {padding:0px 20px;}
	
	.home-join-discord .button.secondary.arrow-right img {margin-left:12px;}
	.home-join-discord .button.secondary.arrow-right img:nth-last-of-type(n+2) {margin:0px 12px 0 0;width:14px;}

@media screen and (max-width:468px) {
	.footer .links {
		display: block;
	}

	.footer .links p:after {
		display:none;
	}
}
	
	@media screen and (min-width:768px){

		.footer .links {font-size:12px;text-transform: capitalize;line-height:1em;display: flex;justify-content: center;}
		.footer .footer-logo {margin-top:100px;}
		.home-join-discord .content {max-width:580px;}
		.home-join-discord .content p, .home-join-discord .content p:nth-of-type(1) {font-size:20px;padding:0;}
		.home-join-discord .content h2:before {height:105px;}
	}
	
	.home-playlikeapro {padding-top:50px;padding-bottom:70px;position:relative;background:url('/wp-content/themes/nedbank-esports/images/bg-reverse.webp') ;background-size: auto 100%;}

	.home-playlikeapro .main-width .content {text-align:center;color:white;}
	.home-playlikeapro .main-width > div {text-align:center;}
	.home-playlikeapro .main-width img {max-width:230px;}
	.home-playlikeapro .main-width {display:flex;flex-direction: column; gap:33px;}
	
	.home-playlikeapro h2 {font-size:15px;font-weight:700;line-height:1em;color: var(--yellow);margin-bottom: 10px;}
	.home-playlikeapro h3 {font-size:30px;font-weight:700;line-height:1em;margin-bottom:20px;}
	.home-playlikeapro p {font-size:15px;}
	.home-playlikeapro p:nth-of-type(1) {color:white;}
	.home-playlikeapro p:nth-last-of-type(n+2) {margin-bottom:20px;}
	
	@media screen and (min-width:768px){
		.home-playlikeapro .main-width {flex-direction:row;gap:33px;align-items: center;}
		.home-playlikeapro .main-width>div {flex:1;}
		.home-playlikeapro .main-width img {max-width:100%;}
		.home-playlikeapro .main-width .content {flex: 0 0 370px;}
	}
	
	@media screen and (min-width:992px){
		.home-playlikeapro .main-width .content {flex: 0 0 570px;padding:30px 0;}
		.home-playlikeapro h2 {font-size:30px;}
		.home-playlikeapro h3 {font-size:60px;}
		.home-playlikeapro p {font-size:20px;}
		.home-playlikeapro .main-width img {width:250px;}
	}
	
	.section-card {background:url('/wp-content/themes/nedbank-esports/images/background-card-mobile.svg') ;background-size:auto 100%;color:white;position:relative;padding-bottom:115px;}
	.section-card .radial {position: absolute;left: 0;bottom: calc(50% - 430px);z-index: 0;max-width:240px;}
	.section-card .grid {grid-template-columns: 1fr;gap:24px;text-align:center;position:relative;z-index:2;}
	.section-card .grid img {max-width:137px;margin-top:12px;}
	.section-card .grid h3 {color:#fff;font-size:16px;font-weight:700;margin-bottom:3px;}
	.section-card .grid>div:nth-of-type(1) h3 {color:var(--yellow);font-size:20px;}
	.section-card .grid>div:nth-of-type(1) p {font-size:40px;}
	.section-card .grid>div:nth-of-type(1) {margin-bottom:25px;}
	.section-card .grid p {font-size:30px;font-weight:700;line-height:1.5em;}
	.section-card .grid span {color:#fff;font-size:14x;}
	.section-card .button-holder {display:flex;alingn-items:center;gap:24px;margin:0px auto;margin-top:20px;}
	.section-card .grid .button-holder {flex-direction: column;}
	
	.card-sign-up {padding-top:130px;position:relative;z-index:2;display:flex;flex-direction:column;gap:100px;}
	.card-sign-up>div:nth-of-type(1){text-align: center;position:relative;}
	.card-sign-up h2 {margin-bottom:30px;font-size:20px;color:#fff;overflow:hidden;position:relative;}
	.card-sign-up h2:before {content:"";background:url('/wp-content/themes/nedbank-esports/images/power-up-your-play.svg') left top no-repeat;width: 100%;height: 72px;display: block;background-size: contain;margin-bottom: 10px;}
	.card-sign-up h2 strong {position:absolute;top:100%;}
	.card-sign-up h2 span {max-width: 230px;display: block;font-weight: normal;}
	.card-sign-up p {font-size:15px;color:#fff;margin-bottom:40px;max-width: 520px;}
	.card-sign-up p strong {color:white;}
	.card-sign-up .button-holder img {max-width:54px;}
	.card-sign-up .arrow {position:absolute;bottom:-30px;left:calc(50% - 110px);width: 54px;animation: bounce-up-right 1.5s ease-in-out infinite;}
	
	.card-sign-up .card {width:100%;max-width:280px;}
	.button.secondary.arrow-right {width:auto;padding:0px 28px;}
	.button.secondary.arrow-right img {width:7px;margin-left:10px;}
	.button.secondary.arrow-right:hover img {filter:brightness(0);}
	.section-card .parrallax.pixels-right {position:absolute;right:0;top:41%;width:65px;}

	.section-card .parrallax.pixels-right.left{
		right: unset;
		left: 0;

	}

.section-card {background:url('/wp-content/themes/nedbank-esports/assets/images/prizes-bg.webp') ;background-size:auto 100%;}
	
	@media screen and (min-width:768px){
	.section-card {background:url('/wp-content/themes/nedbank-esports/assets/images/prizes-bg.webp') ;background-size:auto 100%;}
	.section-card {padding-bottom:200px;}	
	.section-card .grid img {max-width:157px;}
	.section-card .grid {grid-template-columns: 1fr 1fr 1fr;gap:40px;column-gap:80px;max-width:750px;margin:0px auto;}
	.section-card .grid>div:nth-of-type(1) {grid-column: 1 / span 3;margin-bottom:10px;}	
	.section-card .grid .button-holder {grid-column: 1 / span 3;}	
	.section-card .button-holder, .section-card .grid .button-holder {flex-direction: row;margin-top:0;}
	.section-card .radial {bottom:0;max-width: 630px;}
	.section-card .parrallax.pixels-right {width:140px;top:34%;}
		
	.card-sign-up {padding-top:165px;gap:0;flex-direction:row;}
	.card-sign-up>div {flex:1;}	
	.card-sign-up h2 {font-size:30px;}
	.card-sign-up p {font-size:20px;margin-bottom:48px;}
	.card-sign-up h2:before {height:150px;}
	.card-sign-up h2 span {max-width:none;}
	.card-sign-up .card {position:absolute;bottom:-40px;max-width:calc(100% - 80px);}
	.card-sign-up .arrow {bottom: auto;left: 40px;width: 123px;top: calc(100% + 19px);}
	.card-sign-up>div:nth-of-type(1){text-align: left;}	
	.card-sign-up .arrow {bottom:-30px;left:40px;width:123px;}
	.card-sign-up .button-holder img {max-width: 74px;}	
	}

	@keyframes bounce-up-right {
  0% {
    transform: translate(0, 0);
  }
  30% {
    transform: translate(20px, -20px);
  }
  50% {
    transform: translate(10px, -10px);
  }
  70% {
    transform: translate(20px, -20px);
  }
  100% {
    transform: translate(0, 0);
  }
}

	
	
	.filler-green {background:var(--green);}
	.filler-yellow {background:var(--yellow);}
	.filler {height:40px;color:black;font-size:20px;display:flex;padding-top:7px;}

	.filler .slick-slide {margin-right:32px;}
	
	.home-lol {background:url('/wp-content/themes/nedbank-esports/images/challenger-series-mobile.webp') center top no-repeat;background-size:cover;min-height:300px;text-align:center;padding-top:70px;padding-bottom:85px;position:relative;overflow:hidden;}
	.home-lol h2 {font-size:35px;color:white;text-transform: uppercase;line-height:1em;font-weight:700;}
	.home-lol h2 span {font-size:25px;color:var(--yellow);font-weight:700;display:block;}
	.home-lol .logo{
		margin-top:68px;
	}
	.home-lol p {color:white;}
	.home-lol .main-width>p {margin-top:16px;}
	.home-lol .card {background: #003A29;;padding:45px 25px 66px 25px;display:grid;grid-template-columns:1fr;gap:40px;margin-top:50px;max-width:300px;margin-left:auto;margin-right:auto;}
	.home-lol .card h3 {text-transform:capitalize;color:white;font-weight:700;font-size:14px;}
	.home-lol .card p {color:var(--green);color: #08F86D;text-align: center;font-size: 22px;
		font-style: normal;
		font-weight: 800;
		line-height: 28px; /* 127.273% */}
	.home-lol .heart {position:absolute;bottom:35px;left:calc(50% - 240px);max-width:142px;}
	.home-lol .thumb {position:absolute;bottom:35px;max-width:142px;opacity:0;}
	.home-lol .gradient {position:absolute;bottom:35px;max-width:142px;opacity:0;}

	@media screen and (min-width: 768px) {
		.home-lol .card > div:last-child {
			grid-column: 1 / span 2;
		}
	}

	
	.parrallax {pointer-events:none;}
	
	@media screen and (min-width:768px){
		.home-lol {background:url('/wp-content/themes/nedbank-esports/images/challenger-series-desktop.webp') center top no-repeat;background-size:cover;padding-top:140px;padding-bottom:85px;}
		.home-lol .main-width>p {max-width:700px;font-size:32px;margin:32px auto 0 auto;}
		.home-lol h2 {font-size:60px;}
		.home-lol h2 span {font-size:40px;}
		.home-lol .card {background: #003A29;;padding:50px 80px 66px 80px;grid-template-columns:1fr 1fr;row-gap:30px;column-gap:30px;max-width:730px;}
		.home-lol .heart {bottom:110px;left:calc(50% - 540px);max-width:172px;}
		.home-lol .thumb {position:absolute;bottom:370px;left:calc(50% + 460px);max-width:105px;opacity:1;z-index:3;}
		.home-lol .gradient {position:absolute;bottom:390px;left:calc(50% + 450px);max-width:180px;opacity:0.6;z-index:2;}
	}



	
	.competition-details .competition-countdown {margin:80px auto 120px auto;}
	.competition-details .competition-countdown.main-width {flex-direction:column;}
	
	.competition-details .competition-countdown .countdown {font-family:"libre-franklin", sans-serif;font-size:25px;display:flex;flex-direction:column;gap:48px;font-weight:400;margin:0 auto;text-align;center;}
	.competition-details .competition-countdown .countdown>div{display:flex;flex-direction:column;text-align:center;line-height:1em;position:relative;}
	.competition-details .competition-countdown .countdown strong {font-size:80px;color:var(--green);display:inline-block;font-weight:400;line-height:1em;}
	
	.competition-details .competition-countdown .countdown>div:nth-last-of-type(n+2):before {content:"";position:absolute;bottom:-30px;height:2px;width:100%;left:0;background:var(--green);}

	.competition-countdown .button{
		width:220px;
	}

	@media screen and (min-width:768px){
	.competition-details .competition-countdown {margin:120px auto;}
	.competition-details .competition-countdown .countdown {font-family:"libre-franklin", sans-serif;font-size:40px;flex-direction:row;gap:60px;}
	.competition-details .competition-countdown .countdown strong {font-size:120px;}
	.competition-details .competition-countdown .countdown>div:nth-last-of-type(n+2):before {content:"";position:absolute;bottom:0;height:calc(100% - 30px);width:2px;right:-30px;left:auto;}
		
	}
	
	.competition-details .competition-playoffs {margin-top:80px;}
	.competition-details .competition-playoffs h2 {font-size:30px;margin-bottom:50px;}
	.competition-details .competition-playoffs h3 {overflow:hidden;position:relative;}
	.competition-details .competition-playoffs h3 strong {position:absolute;top:300px;}
	.competition-details .competition-playoffs h3:before {content: "";background: url(/wp-content/themes/nedbank-esports/images/test-your-gaming-iq.svg) left top no-repeat;width: 100%;height: 120px;display: block;background-size: contain;margin-bottom:20px;	}
	.page-template-template_home .competition-details .competition-playoffs h3:before {content: "";background: url(/wp-content/themes/nedbank-esports/images/stage-1-done.svg) left top no-repeat;width: 100%;height: 120px;display: block;background-size: contain;margin-bottom:20px;	}

	.competition-details .competition-playoffs a.grey {color:var(--light-grey);text-decoration:none;margin-top:20px;display:block;}
	
	.competition-details .playoff-prediction {display:flex;flex-direction:column;gap:60px;margin-top:60px;}
	.competition-details .playoff-prediction>div{flex:1;text-align:left;}
	.competition-details .main-width .playoff-prediction img {width:auto;max-width:calc(100% + 24px);margin-left:-50px;}
	
	@media screen and (min-width:768px){
	.competition-details .competition-playoffs h2 {font-size:40px;margin-bottom:60px;}
	.competition-details .competition-playoffs {margin-top:112px;}
	.competition-details .playoff-prediction {flex-direction:row;gap:120px;margin-top:80px;}
	.competition-details .main-width .playoff-prediction img {max-width:calc(100% + 50px);margin-left:-50px;}
		.competition-details .competition-playoffs h3:before {height:140px;}
	}

		
	@media screen and (min-width:1440px){
	.competition-details .main-width .playoff-prediction img {max-width:calc(50vw - 60px);margin-left:calc(-1 * (50vw - 680px));}
	}
	
	
	.competition-details .competition-group {margin-top:80px;}
	.competition-details .competition-group h2 {font-size:30px;margin-bottom:50px;}
	.competition-details .competition-group .flex {flex-direction:column;gap:16px;}
	.competition-details .competition-group .card {background:var(--dark-green);padding:80px 35px 55px 35px;text-align:center;flex:1;}
	.competition-details .competition-group .card p {font-size:20px;}
	.competition-details .competition-group .card span {background:var(--green);color:black;display:inline-flex;margin:0px auto;font-size:30px;font-weight:700;font-family:"libre-franklin", sans-serif;width:50px;height:50px;align-items: center;justify-content: center;margin-bottom:40px;}
	
	@media screen and (min-width:768px){
	.competition-details .competition-group h2 {font-size:40px;margin-bottom:60px;}
	.competition-details .competition-group .flex {flex-direction:row;gap:36px;}
	.competition-details .competition-group .card {padding:80px 55px 85px 55px;}
	.competition-details .competition-group {margin-top:112px;}
	}
	
	.competition-details .competition-detail ul {list-style:none;margin:0 auto;padding:0;max-width:640px;}	
	.competition-details .competition-detail ul li {background:black;padding:16px;margin-bottom:16px;display:flex;flex-direction:column;gap:16px;align-items: center;justify-content: space-between;font-size:20px;}	
	.competition-details .competition-detail ul li p {display:flex;align-items: center;margin:0;text-transform: none;font-size:20px;font-weight: 500;}
	.competition-details .competition-detail ul li p img {display:flex;margin-right:20px;width:30px;}	
	.competition-details .competition-detail ul li div {color:var(--green);font-family:"libre-franklin", sans-serif;font-weight:700;}

	@media screen and (min-width:768px){
		.competition-details .competition-detail ul li {flex-direction:row;gap:30px;}	
		.competition-details .competition-detail ul li div {text-align:left;}
	}





.competition-details {padding-top:50px;padding-bottom:0px;position:relative;background:url('/wp-content/themes/nedbank-esports/assets/images/comp-bg.jpg') left top repeat;background-size: cover;color:white;}



@media screen and (min-width:800px) {
	.competition-details {
		background-size: auto 1650px;
		background-position-y: unset;
	}
}


	.competition-details .main-width .content {text-align:center;color:white;}
	.competition-details .main-width > div {text-align:center;}
	.competition-details .main-width img {max-width:230px;}
	.competition-details .main-width {display:flex;flex-direction: column; gap:33px;}
	.page-template-template_home.competition-details .main-width {display:flex;flex-direction: column; gap:33px;max-width: 700px;}

	.competition-details h2 {font-size:35px;font-weight:700;line-height:1em;}
	.competition-details h3 {font-size:20px;font-weight:700;line-height:1em;margin-bottom:20px;}
	.competition-details p {font-size:15px;}
	.competition-details .competition-intro p:nth-of-type(1) {}
	.competition-details p:nth-last-of-type(n+2) {margin-bottom:20px;}
	.page-template-template_home .competition-details p:nth-last-of-type(n+2) {margin-bottom:20px;font-size: 32px;}

	@media screen and (min-width:768px){
		.competition-details {background-size: cover;}
		.competition-details .main-width {flex-direction:row;gap:33px;align-items: center;}
		.page-template-template_home .competition-details .main-width {
			flex-direction: column;
			gap: 33px;
			align-items: center;
		}
		.competition-details .main-width>div {flex:1;}
		.competition-details .main-width img {max-width:100%;}
		.competition-details .main-width .content {flex: 0 0 370px;}
	}
	
	@media screen and (min-width:992px){
		.competition-details .main-width .content {flex: 0 0 570px;padding:30px 0;}
		.page-template-template_home .competition-details .main-width .content {flex: 0 0 0; padding:30px 0;}
		.competition-details h2 {font-size:60px;}
		.competition-details h3 {font-size:30px;}
		.competition-details p {font-size:20px;}
		.competition-details .main-width img {width:250px;}
	}
	
.competition-details h2 strong {color:var(--yellow);display:block;}
.page-template-template_home .competition-details h2 strong {color:var(--yellow);display:block;font-style: italic;}
.page-template-template_home .competition-detail {margin-top: 100px;}
.competition-details .competition-detail h2 strong {font-size:20px;}
.competition-details h2 {margin-bottom:30px;}
.competition-details .main-width.competition-intro>div:nth-last-of-type(1) {display:none;}
.competition-details img.icon-prize {width:140px;margin-top:30px;}

.competition-details .main-width.competition-intro>div:nth-last-of-type(1) {display:none;}
	
@media screen and (min-width:768px){

.competition-details h2 {font-size:50px;margin-bottom:40px;}
.competition-details h2 strong {display:block;}
.competition-details .main-width.competition-intro>div:nth-last-of-type(1) {display:block;}
.competition-details img.icon-prize {width:160px;margin-top:0px;}
.competition-details .competition-detail h2 strong {font-size:24px;}
	
}	
	

.hero-competition {background-image: url('/wp-content/themes/nedbank-esports/assets/images/Background.webp');background-size: contain;background-repeat: repeat-x;overflow: hidden;position: relative;color:white;}
.hero-competition .main-width {padding-top:190px;z-index:5;position:relative;}
.hero-competition .header-flame {position:absolute;top:75px;left:calc(50% + 30px);width:105px;}	
.hero-competition h1 {font-size:40px;max-width:628px;margin-top: 72px;}
.hero-competition h1 strong {color:var(--yellow);}
.hero-competition p {font-size:20px;margin-top:16px;}
.hero-competition img.header-image {display:block;position:relative;z-index: 3;left: -97px;max-width: calc(100% + 125px);}
	
.hero-competition:before{content: "";background-image: url('/wp-content/themes/nedbank-esports/assets/images/glow-bottom-left.webp');background-size: contain;width: 935px;height: 978px;position: absolute;bottom: -300px;left: -600px;z-index: 0;}

.hero-competition .cta{margin-top: 90px;margin-bottom: 35px;position:relative;}
.hero-competition .cta a {color: #10F26E;font-family: "libre-franklin", sans-serif;font-size: 25px;font-style: normal;font-weight: 700;line-height: 1em;text-decoration: none;position: relative;display: inline-flex;align-items: center;}
.hero-competition .cta a:after{content: url("/wp-content/themes/nedbank-esports/assets/images/cta-arrow.svg");position: absolute;right: -26px;top: -2px;width: 17.063px;height: 9.598px;animation: moveDownUp 3s ease-in-out infinite;}
	
@media only screen and (min-width: 992px) {

.hero-competition .cta {margin-top:180px;}
.hero-competition .cta a {font-size: 30px;}
.hero-competition img.header-image {position:absolute;bottom:0px;left: calc(50% - 170px);max-width:1102px;z-index:3;}
.hero-competition:after{top: 400px;}
.hero-competition h1 {font-size:80px;}
.hero-competition p {font-size:30px;}
.hero-competition .main-width{padding-top:320px;max-width:1290px;}
.hero-competition{min-height:1030px;}
.hero-competition .flex > div{max-width: 50%;width: 100%;}
.hero-competition .main-width:after{bottom: -400px;left: -650px;}
.hero-competition:after{content: "";background-image: url('/wp-content/themes/nedbank-esports/assets/images/glow top-right.webp');background-size: contain;width: 935px;height: 978px;position: absolute;top: -300px;right: -500px;z-index: 0;}
.hero-competition .header-flame {position: absolute;top: auto;left: 460px;width: 145px;bottom: 0;}

}

/* Streak Box */
.weekly-streak-panel {display:flex;gap:30px;align-items: center;margin-top:24px;}			
.streak-bar {display:flex;gap:2px;height:32px;flex:1;padding-left:24px;position:relative;}
.streak-bar>img {position:absolute;left:-4px;top:-16px;}	
.streak-bar >div {flex:1;background:rgba(255,255,255,0.2);}	
.streak-bar >div.correct {background:#08F86D;}	
.streak-bar >div.incorrect {background:#D8F000;}		
.streak-bar >div:nth-last-of-type(1) {border-top-right-radius: 40px;border-bottom-right-radius: 40px;display:flex;justify-content: center;position:relative;}	
.streak-bar >div:nth-last-of-type(1) img {max-width:35px;}	
.streak-total {color:#08F86D;font-size:50px;font-weight:700;}	
.week-streak {display:flex;gap:40px;}	
.weekly-streak {margin-top:24px;}	
.week-streak>div {font-size:14px;opacity:0.4;line-height:1em;}	
.week-streak>div span {font-size:22px;display:block;font-weight:700;margin-top:8px;}
.week-streak>div.active span {color:var(--green);}	
.week-streak>div.active {opacity:1;}			
.ticket-streak-holder {position: absolute;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.9);padding: 40px;display: flex;column-gap: 80px;justify-content: space-between;max-width: 720px;min-height:100px;margin:0px 16px;}
.streak-explanation {position:relative;display:inline-block;}
.streak-explanation:hover .streak-detail {display:block;}
.streak-detail {background: white;color: black;padding: 15px;width: 260px;position: absolute;bottom: 50%;font-size: 16px;line-height: 1.2em;left: 160px;transform: translateY(50%);z-index: 2;display:none;}
.streak-detail:before {content:"";position:absolute;top:50%;height:0px;width:0px;right:100%;border:10px solid transparent;border-right-color:white;transform:translateY(-50%);}	
.double-ticket-detail {background: white;color: black;padding: 15px;width: 170px;position: absolute;bottom: calc(100% + 10px);font-size: 16px;line-height: 1.2em;left: 50%;transform:translateX(-50%);z-index: 2;display:none;}
.double-ticket-detail:before {content:"";position:absolute;top:100%;height:0px;width:0px;left:50%;border:10px solid transparent;border-top-color:white;transform:translateX(-50%);}
	.streak-bar >div:nth-last-of-type(1):hover .double-ticket-detail {display:block;}	
.week-winner {margin-top: 20px;background: #003A29;padding: 12px 20px;font-size: 20px;line-height: 1.2em;}

.streak-bar >div:nth-last-of-type(1) img.dark {display:none;}
.streak-bar div.incorrect img.dark, .streak-bar div.correct img.dark {display:block;}
.streak-bar div.incorrect img.light, .streak-bar div.correct img.light {display:none;}

@media screen and (max-width:992px){
	.ticket-streak-holder {position:relative;padding:30px 20px;}
	.streak-total {font-size: 30px;}
	.weekly-streak-panel {gap:10px;}
	.streak-bar>img {top: -8px;max-width: 45px;}
	.streak-bar {height:25px;}
	.week-streak {gap: 10px;}
	.week-streak>div {font-size:10px;}
	.streak-bar >div:nth-last-of-type(1) img {max-width: 30px;}
	.week-winner, .week-winner strong {font-size: 14px;line-height:1.2em;}
}	

.prize-winners {padding-top:40px;padding-bottom:90px;background: url(/wp-content/themes/nedbank-esports/images/background-winners.svg);background-size: auto 100%;color:white;position:relative;}
.prize-winners:before {content:"";position:absolute;bottom:0;left:0;height:100%;background:url(/wp-content/themes/nedbank-esports/images/winner-glow.webp) center bottom no-repeat;background-size: 1450px auto;width:100%;z-index: 1;}
	.prize-winners .pixels-right {display:none;}
	.prize-winners .intro {text-align:center;z-index: 2;position:relative;}
	.prize-winners .intro img {max-width:140px;transform: translateX(15px);margin-bottom:40px;}
	.prize-winners .intro h2 {font-size:30px;color: var(--yellow);}
	.prize-winners .intro p {font-size:20px;font-weight:700;margin:16px auto 40px auto;}
	.prize-winners .winners {display:grid;gap:16px;grid-template-columns: 1fr;max-width:1048px;margin:0px auto;z-index: 2;position:relative;}
	.prize-winners .winners {display:grid;gap:16px;}
	.prize-winners .winners>div {padding:12px 16px;background:black;color:white;font-weight:700;}

	.prize-winners .wrap{
		display:flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		z-index: 999;
		position: relative;
		max-width: 670px;
		text-align: center;
		margin-top:120px;
	}

	.prize-winners .wrap h3{
		font-size: 60px;
		font-style: italic;
		font-weight: 700;
		line-height: 100%;
		margin-bottom:21px;
	}

	.prize-winners .wrap img{
		margin-top: 40px;
		margin-bottom: 40px;
	}


	.prize-winners .wrap p {
		color: #FFF;
		text-align: center;
		font-size: 30px;
		font-style: normal;
		font-weight: 400;
		line-height: 130%; /* 39px */
	}

	.prize-winners .wrap h3 strong{
		color: #D8F000;
	}

	.prize-winners.grand .winners>div{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 24px;
		gap:8px;
	}

	.prize-winners.grand .intro{
		max-width: 670px;
		margin-left: auto;
		margin-right: auto;
	}

	.prize-winners.grand .intro p {
		font-weight: 400;
	}

	.prize-winners.grand .intro h2{
		color: #fff;
		max-width: 530px;
		margin-left: auto;
		margin-right: auto;
	}

	.prize-winners.grand .intro h2 strong{
		color: var(--yellow);
	}

	.prize-winners.grand:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		background: url(/wp-content/themes/nedbank-esports/images/grand-ray.webp) center top no-repeat;
		background-size: cover;
		width: 100%;
		z-index: 0;
	}

@media screen and (min-width: 992px) {
	.prize-winners.grand .winners {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;

	}

	.prize-winners.grand .winners>div {
		width: calc(33.33% - 20px);
	}
	}


	.prize-winners.grand .winners>div:before{
		content: "";
		display: block;
		background-image: url(/wp-content/themes/nedbank-esports/images/grand.svg);
		width: 40px;
		height: 40px;
	}

	@media screen and (min-width:768px){

	.prize-winners {padding-top:90px;padding-bottom:100px;}	
	.prize-winners .intro p {margin:20px auto 60px auto;}
	.prize-winners .winners {grid-template-columns: 1fr 1fr;}



	}
	
	@media screen and (min-width:992px){
	.prize-winners .pixels-right {top:100px;display:block;position:absolute;right:0;}
	.prize-winners .winners {grid-template-columns: 1fr 1fr;}
	.prize-winners .intro h2 {font-size:50px;}
	.prize-winners .intro p {font-size:24px;}
	.prize-winners .intro img {max-width:160px;transform: translateX(20px);}
	}
	.week-winner.max-message {margin-top:30px;}


@media screen and (max-width:768px) {

	.prize-winners .wrap h3 {
		font-size: 30px;
	}

	.prize-winners .wrap p {
		font-size: 20px;
	}

}