/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 27 2023 | 13:17:45 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */
.streamers .post{
	overflow:hidden;
}
.post-cm .post{
	margin-bottom:10px;
	overflow: hidden;
}
section.game-content-inner h2{
	line-height:1.2;
}
.strm-page .post-content p {
    min-height: 75px;
}
.page .wrapper {
    padding: 30px 0;
    padding-top: 130px;
}
.streamers .post iframe {
    width: 100%;
    height: 200px;
    overflow: hidden;
    margin-top: 10px;
}
a {
	color:#EF3E2D;
}
.logo a img {
    height: 70px;
}
img.power {
    max-width: 250px;
}
.poweredby.position-absolute {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    bottom: -20px;
}
/* Single Post CSS author box  Start Here*/
.author-box-bottom {
    display: flex;
    border: 1px solid #B3B3B3;
    border-radius: 5px;
    padding: 20px;
    margin-top: 50px;
}
.author-img {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    min-width: 96px;
    min-height: 96px;
    margin-right: 20px;
    background-size: cover;
    background-position: center;
}
.author-bio ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.author-bio ul li {
    display: inline-block;
    margin-right: 5px;
}
.author-bio ul li a{
    background: linear-gradient(267.12deg, #EF3E2D 0%, #EE2346 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    display: block;
    font-size: 20px;
}
.author-bio p {
    font-size: 14px;
    margin-top: 10px;
}
.author-bio span {
    background: linear-gradient(267.12deg, #EF3E2D 0%, #EE2346 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 18px;
}
.strm-page h4 {
    background: linear-gradient(267.12deg, #EF3E2D 0%, #EE2346 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.strm-page .btn-post{
	text-align:center;
}
.store_showcase a{
	text-decoration:none;
}
/* Single Post CSS author box  End Here*/
/*scroll to top*/
#scroll-to-top-button {
  display: inline-block;
  background:linear-gradient(267.12deg, #EF3E2D 0%, #EE2346 100%);
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
	text-decoration:none;
}
#scroll-to-top-button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#scroll-to-top-button:hover {
  cursor: pointer;
  background-color: #333;
}
#scroll-to-top-button:active {
  background-color: #555;
}
#scroll-to-top-button.show {
  opacity: 1;
  visibility: visible;
}
.footer-widget li {
    list-style: none;
}
.footer-logo .widget {
    display: flex;
    align-items: end;
    justify-content: space-between;
}
.btn-banner.home-banner-btn a:last-child {
    margin-left: 15px;
}
@media screen and (max-width:480px){
	.footer-logo .widget {
		display:block;
	}
}
@media only screen and (min-width: 1200px){
	.banner-content h1 {
			font-size: 76px!important;
	}
	section.home-banner, section.stream-banner,section.error-404.not-found {
		padding-top: 110px !important;
	}
	
}
@media only screen and (min-width: 767px){
	section.error-404.not-found {
		padding-top: 110px !important;
	}
}
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 
a {
	color:#365FAB;
}

.poweredby.position-absolute {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    bottom: -20px;
}
.btn-banner a,.btn-red, .btn-post a,.social-inner li, .social li,.button-more a:hover{
	background: linear-gradient(267.12deg, #365FAB 0%, #2CC1DF 100%) !important;
/* Elevation/E300 */

box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.15), 0px 0px 1px rgba(0, 0, 0, 0.31) !important;
}
.post-content span, .post-content-games h4 a:hover, .post-content h4 a:hover
{
	background: linear-gradient(180deg, #365FAB 0%, #2CC1DF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link, .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
		background: linear-gradient(180deg, #365FAB 0%, #2CC1DF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.user i.fa {
    background: linear-gradient(
180deg, #365FAB 0%, #2CC1DF 100%)!important;
    -webkit-background-clip: text!important;
	-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
/* Single Post CSS author box  Start Here*/
.author-box-bottom {
    display: flex;
    border: 1px solid #B3B3B3;
    border-radius: 5px;
    padding: 20px;
    margin-top: 50px;
}
.author-img {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    min-width: 96px;
    min-height: 96px;
    margin-right: 20px;
    background-size: cover;
    background-position: center;
}
.author-bio ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.author-bio ul li {
    display: inline-block;
    margin-right: 5px;
}
.author-bio ul li a{
    background: linear-gradient(180deg, #365FAB 0%, #2CC1DF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    display: block;
    font-size: 20px;
}
.author-bio p {
    font-size: 14px;
    margin-top: 10px;
}
.author-bio span {
    background: linear-gradient(180deg, #365FAB 0%, #2CC1DF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 18px;
}
.strm-page h4 {
    background: linear-gradient(180deg, #365FAB 0%, #2CC1DF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.strm-page .btn-post{
	text-align:center;
}
.store_showcase a{
	text-decoration:none;
}
/* Single Post CSS author box  End Here*/
.footer-widget li {
    list-style: none;
}
.footer-logo .widget {
    display: flex;
    align-items: end;
    justify-content: space-between;
}
.page .wrapper {
    padding: 30px 0;
    padding-top: 100px;
}
@media screen and (max-width:399px){
div#navbarNavDropdown {
 right: -50% !important;
}
}
@media screen and (max-width:480px){
	.footer-logo .widget {
		align-items: center;
    	flex-direction: column;
	}
	.powered-by-logo{
		margin-top:10px;
	}
	.home .button-more {
		min-width: 130px;
		margin-left: auto;
		text-align: right;
	}
	.post-content-games h4 {
		font-size: 14px!important;
		line-height: 20px;
	}
	.author-box-bottom {
		flex-direction: column;
	}
	.author-img {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
	}
	.author-bio {
		text-align: center;
	}
}
a#scroll-to-top-button {background: linear-gradient(267.12deg, #365FAB 0%, #2CC1DF 100%) !important;
    box-shadow: 0px 8px 12px rgb(0 0 0 / 15%), 0px 0px 1px rgb(0 0 0 / 31%) !important;
}
@media screen and (max-width:767px){
	.logo a img {
		height: 56px;
	}
	.poweredby.position-absolute {
		position: relative!important;
		bottom: 0;
		margin-top: 25px;
	}
	.powered-by-logo img {
		height: 30px;
	}
	.featured iframe,
	.creator-image iframe{
		width: 100%;
		height: 500px;
		display: block;
	}
	
.featured {
    padding-left: 15px;
    padding-right: 15px;
}
	section.game-content-inner h2{
		font-size:28px!important;
	}

}
.image-partner {padding: 0 14px;}
.page-template-page-creators section.creator .post-content img {
    height: 100px;
    width: auto;
}
.page-template-page-creators section.creator .post-content .inner {
    min-height: 175px;
}

section.home-banner:before,
section.stream-banner:before,
section.partner-banner:before,
section.creator-banner:before{
    height: 100%!important;
}
section.home-banner,
section.stream-banner,
section.partner-banner,
section.creator-banner{
	position:relative;
}
.post-content-games h4{
	line-height:24px;
}
.game-slider img{
	width:auto
}
.game-slide .post {
    margin-left: 10px;
    overflow: hidden;
    margin-right: 10px;
	margin-bottom:0;
}
.game-slider button,
.lp2-slider button{
    background: transparent;
    border: 0;
    color: #fff;
    font-size: 42px;
    line-height: normal;
	padding:0;
}
.pull-left {
  display: block;
  position: absolute;
  z-index: 1000;
  top:50%;
  transform: translateY(-50%);
  left:-30px;
}

.pull-right {
  display: block;
  position: absolute;
  right: -30px;
  top:50%;
  transform: translateY(-50%);
  z-index: 1000;
}

@media screen and (max-width:1024px){
	.pull-left{
		left:-15px;
	}
	.pull-right{
		right:-15px;
	}
	
}
@media screen and (max-width:1240px){
	.btn-banner.home-banner-btn a:last-child {
		display: table;
		margin-top: 20px;
		margin-left: auto;
    	margin-right: auto;
	}
}
/*equal height css*/
section.events .post-content h4,
section.community .post-content h4 {
    min-height: 56px !important;
    overflow: hidden;
    position: relative;
    max-height: 56px;
    height: auto;
}
section.events .post-content h4 a:after,
section.community .post-content h4 a:after,
section.announcement .post-content a h4:after{
    content: '';
    background: linear-gradient(to left, #1a1a1a 30%, #ffffff00 100%);
    width: 74px;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 23px;
}
section.announcement .post-content a {
    min-height: 56px;
    overflow: hidden;
    position: relative;
    max-height: 56px;
    height: auto;
	display:block;
	margin-bottom:10px;
}
a.start_on_btn {
    position: absolute;
    right: 15px;
    color: #fff;
    border: 1px solid;
    padding: 10px;
    font-size: 14px;
    border-radius: 5px;
    background: rgba(0,0,0,0.2);
    top: 10px;
    text-decoration: none;
}
/* .addtoany_share_save_container.addtoany_content.addtoany_content_top {
    position: fixed;
    left: 0;
    top: 300px;
}
.addtoany_share_save_container.addtoany_content.addtoany_content_top a {
    display: block;
    margin-bottom: 10px;
} */
.faq-page-list .faq-tab h4 {
    text-align: left;
	cursor:pointer;
	margin-bottom:0;
}
.faq-page-list .faq-tab p {
    text-align: left;
}
section.faq.faq-page-list .faq-tab {
    border: 1px solid;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 30px;
	width: 100%;
}
section.faq.faq-page-list {
    margin-bottom: 50px;
}
.faq-page-list .faq-tab h4:after {
    content: "\f107";
    font-family: 'FontAwesome';
    margin-left: 10px;
}
.faq-page-list .faq-tab h4.faq-opn:after {
    content: "\f106";
}
.faq-tab-content {
    display: none;
	margin-top:10px;
}
.row.partner-item-row {
    margin-top: 30px;
}
.partner-item-inner.post {
    margin-bottom: 20px;
}
.pubg-head p {
    font-size: 18px;
    font-weight: 500;
}
.pubg-page h1 {
    font-weight: 700;
}
.pubgform input[type="text"], .pubgform input[type="email"] {
    display: block;
    width: 100%;
    min-height: 50px;
    padding: 10px;
    margin-bottom: 15px;
}
.btn-red[type="submit"] {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    border: 0;
    cursor: pointer;
    padding: 15px;
    width: 100%;
    margin-top: 10px;
}
.pubgform-signup .btn-red {
    padding: 15px;
    text-align: center;
	margin-top: 50px;
}
.pubgform-signup {
    margin-top: 30px;
}
.pubgform-signup .btn-red a {
    font-size: 24px;
    font-family: 'Poppins';
    font-weight: 600;
}
.pubg-head {
    padding-top: 50px;
}
.pubg-page{
	font-family:'Poppins';
}
.pubgform-signup h3 {
    font-size: 42px;
    font-weight: 300;
}
.row.pubg-middle {
    padding: 50px 0;
}
hr.divider-line {
    border-top: 2px solid;
    max-width: 900px;
    margin-top: -20px;
    margin-bottom: 50px;
}
.pubg-bottom p {
    color: rgba(255,255,255,.5);
}

@media screen and (min-width:768px){
.outro_video iframe {
    width: 100%;
    min-height: 680px;
    border: 1px solid #366ab0;
}
}
@media screen and (max-width:767px){
	.pubg-page h1{
		font-size:42px;
	}
.outro_video iframe {
    width: 100%;
    min-height: 200px;
    border: 1px solid #366ab0;

}
	.outro_video{
		 margin: 0 auto;
		z-index:111;
	}
}
/*landing page css*/
	body.page-template-template-landing-page{
		background: #141414!important;
	}
	.lp2-wrapper{
		font-family: 'Poppins';
	}
	.text-color-blue{
		color: #189AE6;
	}
	.lp2-wrapper a:hover{
		text-decoration: none;
	}
	.lp2-banner-section{
		padding-top: 90px;
		background-size: cover;
	}
	.lp2-banner-content h1 {
    font-weight: 600;
    font-size: 96px;
    line-height: 75px;
    color: #F2F2F2;
	}
	.lp2-banner-content h1 strong {
	    font-weight: 600;
	}
	.lp2-banner-content p {
	    font-weight: 400;
	    font-size: 21px;
	    line-height: 32px;
	    color: #FFFFFF;
	    MARGIN: 32px 0;
	    max-width: 400px;
	}
	.bb-1 {
	    background: #189AE6;
	    border-radius: 16px;
	    padding: 16px;
	    display: inline-block;
	    font-weight: 600;
	    font-size: 18px;
	    line-height: 27px;
	    color: #F2F2F2;
	    min-width: 175px;
	    margin-right: 20px;
	}
	.bb-1:hover,
    .bb-2:hover{
		color: #ffffff;
	}
	.bb-1:after {
    content: '';
    background: url(https://wp-globe-stg.swarmio.gg/wp-content/uploads/2022/09/icon_ember_white.png);
    width: 15px;
    height: 20px;
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: 2px;
}
.bb-2 {
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: #F2F2F2;
    padding: 19px 30px;
    border-radius: 16px;
    border: 1px solid #ffffff;
	text-decoration:none;
}

.btn-banner.home-banner-btn a:last-child {
    margin-left: 15px;
}
.lp2-logo,
.lp2-banner-img {
    text-align: center;
}
.banner-scroll-down {
    text-align: center;
    margin-top: 30px;
}
.lp2-daily-events {
    padding: 64px 0;
}


.lp2de-item {
    border-bottom: 3px solid #EFAB23;
    border-radius: 8px;
    height: 320px;
    background-position: center;
    background-size: cover;
    position: relative;
}
.lp2de-item span {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #F2F2F2;
    position: absolute;
    bottom: 16px;
    left: 16px;
}
.lp2-de-btn a {
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: #F2F2F2;
}
.lp2-de-btn {
    text-align: center;
    margin-top: 28px;
}
.lp2-section-heading h3 {
    font-weight: 600;
    color: #F2F2F2;
    margin-bottom: 0px;
}
.lp2-section-heading {
    text-align: center;
    margin-bottom: 16px;
}
.lp2-video {
    margin: auto;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.lp2-video iframe {
    filter: drop-shadow(-16px 16px 48px rgba(17, 0, 26, 0.5));
		border-radius: 16px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.lp2-video-box .lp2-section-heading {
    padding-top: 12px;
    padding-bottom: 32px;
}
.lp2-video-inner {
    position: relative;
}
.lp2-video-bg {
    height: 575px;
    background-size: cover;
    background-position: center;
    position: absolute;
    width: 100%;
    top: 70px;
    z-index: -1;
}


.lp2-streamers-section {
    padding: 64px 0;
}

.lp2-streamers-section h3 {
    line-height: 42px;
}
.lp3sl {
    height: 320px;
    background: linear-gradient(180deg, rgba(20, 20, 20, 0) 0%, #141414 100%), url(image.png);
    border-bottom: 1px solid #189AE6;
    border-radius: 8px;
    position: relative;
    background-size: cover;
    background-position: top;
}
.lp3sl span,
.lp2-streamer-item span {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #F2F2F2;
    position: absolute;
    left: 16px;
    bottom: 16px;
}
.lp2-streamer-item {
    position: relative;
    background: linear-gradient(180deg, rgba(20, 20, 20, 0) 48.96%, #141414 100%), url(images.jpg);
    border-bottom: 1px solid #189AE6;
    border-radius: 8px;
    height: 176px;
    background-position: top;
    background-size: cover;
    margin-bottom: 16px;
}
.lp2-btn {
    background: #189AE6;
    border-radius: 12px;
    padding: 8px;
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #F2F2F2;
    min-width: 176px;
    text-align: center;
}
.home-banner .banner-img {
    max-width: 500px;
    margin: auto;
}
.lp2-btn:hover{
	color: #ffffff;
}
.lp2-see-event {
    display: block;
    margin-top: 16px;
}
.lp2-see-event a{
	display: block;
}
.lp2s-subtitle {
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #CCCCCC;
}
.streamers_and_news {
    padding-top: 16px;
}
.lp2-community-page .lp2-section-heading h3 {
    margin-bottom: 10px;
}
.lp2sc-btn a {
    padding: 12px;
    width: 216px;
}

.lp2sc-btn {
    text-align: center;
}
.lp2-prizes-section {
    padding: 64px 0;
}
.lp2-prizes-content h3 strong {
    font-size: 50px;
    line-height: 75px;
    font-weight: 600;
}
.lp2-prizes-content h3 {
	font-size: 28px;
	line-height: 42px;
	font-weight: 600;
}
.lp2-prizes-content p {
    font-weight: 400;
    font-size: 7px;
    line-height: 10px;
    color: #CCCCCC;
}
.lp2-prizes-content a {
    display: block;
    padding: 12px;
    margin-top: 40px;
}
.lp2-prizes-section .row {
    align-items: center;
}
.lp2-wrapper i.fa.fa-angle-right{
	padding-left: 14px;
}
.lp2-discount-btn i.fa.fa-arrow-right {
    padding-left: 10px;
    transform: rotate(-45deg);
    position: relative;
    top: 2px;
}
.lp2-discounts {
   
    margin: 16px 0;
}
.lp2-discounts-row{
	 display: flex;
	 flex-wrap: wrap;
}
.lp2-discounts-row .lps-discount-item {
    width: 19%;
    margin-right: 1.25%;
}
.lp2-discounts-row .lps-discount-item:last-child{
	margin-right:0;
}
.lp2-discount-inner {
    background: linear-gradient(180deg, rgba(20, 20, 20, 0) 48.96%, #141414 100%), url(image.png);
    border-bottom: 3px solid #EFAB23;
    border-radius: 8px;
    height: 360px;
    background-size: cover;
    background-position: center;
}
.lp2-discount-btn a {
    width: 200px;
    padding: 12px;
}
.lp2-discount-btn {
    text-align: center;
}
.lp2-join-community-section {
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
}
.lp2-join-community-section .lp2-section-heading {
    text-align: left;
}
.lp2-join-community-section .lp2-section-heading h3 {
    margin-bottom: 10px;
}
.lp2-join-community-section .row{
	align-items: center;
}
.lp2-discord-btn {
    margin-top: 40px;
}
.lp2-discord-btn a{
	display: block;
	padding: 12px;
}
.lp2-join-community-section {
    padding: 40px 0;
    margin: 20px 0;
}
.lp2-subscribe-now {
    padding-bottom: 64px;
	padding-top:48px;
}
.lp2-subscribe-now h2 {
    font-weight: 600;
    font-size: 50px;
    line-height: 75px;
    text-align: center;
    color: #F2F2F2;
}
.subscribe-box {
    display: flex;
    margin-top: 16px;
}

.subscribe-box.subscribe-box-1 .subscribe-box-img {
    max-width: 860px;
    width: 100%;
}
.subscribe-box-content {
    max-width: 350px;
    width: 100%;
    background: #1A1A1A;
    padding: 32px;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #F2F2F2;
}
.subscribe-box-small .subscribe-box-img {
    width: 100%;
    max-width: 247px;
}
.subscribe-box img {
    height: 100%;
    object-fit: cover;
}
.sb-bottom {
    display: flex;
}
.subscribe-box-small {
    max-width: 597px;
    width: 100%;
}
.subscribe-box.subscribe-box-2.subscribe-box-small {
    margin-right: 16px;
}
.sn-head {
    display: flex;
    justify-content: space-between;
}
.sn-title h4,
.sn-points {
    font-weight: 600;
    font-size: 21px;
    line-height: 32px;
    text-align: center;
    color: #F2F2F2;
    margin-bottom: 0;
}
.sn-title span {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #189AE6;
  }
.subscribe-box-content .lp2-btn {
    display: block;
    margin: 10px 0;
    padding: 12px;
}
.subscribe-box-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.subscribe-box-content li {
    display: block;
    margin-bottom: 8px;
    padding-left: 22px;
    position: relative;
    background: url(https://wp-globe-stg.swarmio.gg/wp-content/uploads/2022/09/check_icon.png);
    background-repeat: no-repeat;
    background-position: center left;
}
.sn-content a {
    color: #189AE6;
}
.sn-content a:hover{
	 color: #189AE6;
}
.landing-page-right-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.landing-page-right-nav {
    text-align: right;
}

.landing-page-right-nav ul li {
    display: inline-block;
    margin-left: 40px;
}
.landing-page-right-nav ul li:first-child {
    margin-left: 0;
}
.landing-page-menu div#navbarNavDropdown li a {
    -webkit-background-clip: unset!important;
    -webkit-text-fill-color: unset!important;
    background: transparent!important;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #F2F2F2!important;
}
.landing-page-menu div#navbarNavDropdown li a {
    padding-right: 0;
    margin-right: 0;
}
.landing-page-menu ul li {
    margin-left: 40px;
}
.landing-page-menu ul li:first-child {
    margin-left: 0;
}
.landing-page-right-nav a {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: #F2F2F2;
}
a.lp2-btn.lprn-btn {
    font-size: 14px;
    padding: 12px;
}
a.lp2-btn.lprn-btn:after {
    content: '';
    background: url(https://wp-globe-stg.swarmio.gg/wp-content/uploads/2022/09/icon_ember_white.png);
    width: 10px;
    height: 15px;
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: 2px;
    background-size: cover;
}
.mobile-only-row {
    display: none!important;
}
.row.streamers-row-title {
    justify-content: space-between;
}
a.fvt-link {
    position: absolute;
    width: 100%;
    height: 100%;
}
section.lp2-community-page {
    margin-bottom: 50px;
}

/* leaderboard section */
.leaderboard-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: 'Poppins';
}

.leaderboard-section-header {
  text-align: center;
  margin-bottom: 1em;
}

.leaderboard-section-header h3 {
  font-size: 1.75em;
  line-height: 1;
  font-weight: 600;
  margin: 0;
}

.leaderboard-section-header .text-highlight {
  color: #189AE6;
}

.leaderboard-section-header .sub-heading {
  color: #CCCCCC;
  font-weight: 400;
  font-size: 1em;	
}

.leaderboards {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  gap: 20px;
}

.leaderboard-card {
  background-color: #1A1A1A;
  display: flex;
  flex-basis: 33.333%;
  flex-direction: column;
  border-radius: 8px;
  color: #F2F2F2;
  font-weight: 400;
  overflow: hidden;
}

.leaderboard-card-header {
  background-color: #262626;
  padding: .5em 1em;
  text-transform: uppercase;
  border-radius: 8px;
}

.leaderboard-card-body {
  padding: 1em;
  font-weight: 400;
}

.leaderboard-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: .8em;
}

.leaderboard-list-item-content-column {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.leaderboard-card-avatar {
  border-radius: 100% !important;
  max-width: 2.5em !important;
  width: 2.5em;	
  height: 2.5em !important;
  margin-right: .4em
}
/* leaderboard section end */

@media screen and (max-width: 1024px){
	.lp2-banner-content h1{
		font-size: 54px;
		line-height: 44px;
	}
	.bb-1{
		margin-right: 10px;
		padding: 8px 16px;
	}
	.bb-2{
		padding: 10px 16px;
	}
	.lp2-daily-events .col-md-2 {
	    -webkit-flex: 0 0 33.333%;
	    -ms-flex: 0 0 33.333%;
	    flex: 0 0 33.333%;
	    max-width: 33.333%;
	    margin-bottom: 16px;
	}
	.lp2-discounts{
		flex-wrap: wrap;
	}
	.lp2-discounts-row .lps-discount-item {
	    -webkit-flex: 0 0 33.333%;
	    -ms-flex: 0 0 33.333%;
	    flex: 0 0 33.333%;
	    max-width: 33.333%;
	    margin: 0;
	    margin-bottom: 16px;
	}
	.sb-bottom {
	    display: block;
	}
	.subscribe-box-small {
	    max-width: 100%;
	    width: 100%;
	}
	.subscribe-box.subscribe-box-2.subscribe-box-small {
	    margin-right: 0;
	}
	.subscribe-box-small .subscribe-box-img {
	    width: 100%;
	    max-width: 860px;
	}
	.subscribe-box-img img {
	    object-fit: cover;
	    width: 100%;
	}
	.lp2-discount-inner{
		margin: 0 8px;
	}
	.row.streamers-row-title>div {
	    -webkit-flex: 0 0 33.333%;
	    -ms-flex: 0 0 33.333%;
	    flex: 0 0 33.333%;
	    max-width: 33.333%;
	}


}
@media screen and (max-width: 767px){
	nav#main-nav{
		display:none;
	}
	.lp2-banner-content h1 {
	    font-size: 64px;
	    line-height: 54px;
		}

		.sb-bottom {
		    display: block;
		}
		.subscribe-box {
		    display: block!important;
		    margin-top: 16px;
		}
		.subscribe-box img {
		    height: 300px;
		    object-fit: cover;
		    width: 100%;
		}
		.subscribe-box.subscribe-box-1 .subscribe-box-img,
		.subscribe-box-content, 
		.subscribe-box-small .subscribe-box-img,
		.subscribe-box-small {
		    max-width: 100%;
		    margin-right: 0;
		}
		.lp2-banner-content p {
		    font-size: 16px;
		    margin: 16px 0;
		    max-width: 100%;
		}
		.lp2-daily-events .col-md-2 {
		    margin-bottom: 16x;
		    width: 50%;
		}
		.lp2-see-event a {
		    display: block;
		    margin-bottom: 16px;
		    padding: 16px;
		}
		.lp2-discounts {
		    flex-wrap: wrap;
		}
		/*.lps-discount-item {
		    width: 49%;
		    margin-right: 2%;
		    margin-bottom: 16px;
		}
		.lps-discount-item:nth-child(2n){
			margin-right: 0;
		}*/
		.lp2-streamers-items.row .col-md-3 {
		    width: 50%;
		}
		.lp2-join-community-section{
			background-position: top;
		}
		.lp2-streamer-left {
		    display: flex;
		    justify-content: center;
		    align-items: center;
		    margin-bottom: 16px;
		}
		.lp3sl {
		    width: 50%;
		}
		.lp2-see-event {
		    width: 45%;
		    margin-left: 5%;
		    text-align: center;
		}
		.header-landing-page .last-md-5-nav {
		    display: none;
		}
		.header-landing-page .col-md-2,
		.header-landing-page .col-md-5 {
		    width: 50%;
		}
		.lp2-banner-section {
		    padding-top: 50px;
		    background-size: cover;
		}
		.bb-1{
			padding: 8px 16px;
		}
		body.page-template-template-landing-page-2 nav#main-nav {
		    padding-right: 0;
		}
		.lp2de-item{
			margin-bottom: 16px;
		}
		.lp2-daily-events,
		.lp2-streamers-section,
		.lp2-prizes-section {
		    padding: 40px 0;
		}
		.banner-scroll-down {
		    margin-bottom: -30px;
		}
		.lp2-video-box .lp2-section-heading {
		    padding-top: 0px;
		    padding-bottom: 10px;
		}
		.lp2-subscribe-now h2{
			font-size: 32px;
			line-height: 42px;
		}
		.landing-page-menu ul li{
			margin-left: 0!important;
			padding-left: 10px;
		}
		.lp2-logo{
			display: none;
		}
		.lp2-banner-section .col-md-5 {
		    order: 2;
		}
		.lp2-banner-section .col-md-7 {
		    order: 1;
		    margin-bottom: 30px;
		    margin-top: -30px;
		}
		.desktop-only-row {
		    display: none;
		}
		.mobile-only-row {
		    display: block!important;
		}
		.lp2-streamers-section .col-md-3 {
		    order: 2;
		}
		.lp3sl {
		    display: none;
		}
		.lp2-community-page .col-lg-3.col-md-6.col-12 {
	    -webkit-flex: 0 0 50%;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	.leaderboards {
	  display: flex;
	  flex-direction: column;
	}

	.leaderboard-card {
	  flex: 1;
	}
}
@media screen and (max-width: 480px){
	.row.streamers-row-title {
	    display: block;
	}
	.row.streamers-row-title .col-8,
	.row.streamers-row-title .col-4 {
	    -webkit-flex: 0 0 100%;
	    -ms-flex: 0 0 100%%;
	    flex: 0 0 100%;
	    max-width: 100%;
	    text-align: center;
	}
	.row.streamers-row-title .col-4 .button-more{
		float: none;
		clear: both;
	}
	.lp3sl {
	    width: 100%;
	    height: 200px;
	}
	.lp2-streamer-left {
	    display: block;
	}
	.lp2-see-event {
	    width: 100%;
	    margin-left: 0;
	    text-align: center;
	}
	.lp2-streamers-section h3,
	.lp2-section-heading h3 {
	    line-height: 28px;
	    font-size: 22px;
	}
	.lp2-banner-content h1 {
	    font-size: 48px;
	    line-height: 40px;
	}
	.lp2de-item{
		height: 280px;
		margin-bottom: 16px;
	}

}
@media screen and (max-width: 1240px){
	.btn-banner.home-banner-btn a:last-child {
	    display: table;
	    margin-top: 20px;
	    margin-left: auto;
	    margin-right: auto;
	}
}
/*landing page css end*/