/* Integral Code */

body {
    background: #fbfbfb;
}
		
.bdt-offcanvas-overlay {
    width: 100vw;
    background-color: rgba(0, 0, 0, 0.5);
}

#wp-admin-bar-bp-notifications {
    display: none;
}	

#wpfront-scroll-top-container {
    z-index: 999999;
}

.dialog-type-lightbox {
    z-index: 99;
}

.elementor-section {
    background-size: cover;
}
			
/* Custom Scrollbar Code */

::-webkit-scrollbar {
    -webkit-appearance: none;
}
::-webkit-scrollbar {
  width: 15px;
}
 
::-webkit-scrollbar-track {
  background: #fff; 
    border:1px solid #ccc;
}
 
::-webkit-scrollbar-thumb {
  background: #d35400; 
    border:1px solid #eee;
    height:100px;
    border-radius:0;
}
 
::-webkit-scrollbar-thumb:hover {
  background: #e67e22; 
}

:root{
  scrollbar-color: #d35400 #fff !important;
  scrollbar-width: thin !important;
}

/* Links Code */

a {
    background-color: transparent;
    text-decoration: none;
    color: #d35400;
}

a:hover,a:active,a:focus {
    background-color: transparent;
    text-decoration: none;
    color: #e67e22;
}


/* Buttons Code */

button a:hover,button a:active,button a:focus {
    background-color: transparent;
    text-decoration: none;
    color: #fff;
}

button:hover {
    color: #fff;
    background-color: #e67e22;
	border: solid 1px #e67e22;
    text-decoration: none;
}

[type=submit] {
    display: inline-block;
    font-weight: 400;
    color: #fff!important;
    text-align: center;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #d35400!important;
    border: 1px solid #d35400!important;
    padding: .5rem 1rem;
    font-size: 1rem;
    border-radius: 0px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

[type=submit]:hover {
    display: inline-block;
    font-weight: 400;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #e67e22!important;
    border: 1px solid #e67e22!important;
    padding: .5rem 1rem;
    font-size: 1rem;
    border-radius: 0px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

[type=submit]:focus, button:focus {
    color: #fff;
    background-color: #d35400;
    text-decoration: none;
    outline: none;
}

[type=button] {
    display: inline-block;
    font-weight: 400;
    color: #424242;
    text-align: center;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #d35400;
    border: 1px solid #d35400;
    padding: .5rem 1rem;
    font-size: 1rem;
    border-radius: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

button{
    display: inline-block;
    font-weight: 400;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #d35400;
    border: 1px solid #d35400;
    padding: .5rem 1rem;
    font-size: 1rem;
    border-radius: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

button#menu-item-upload {
    color: #d35400;
}

button#menu-item-upload:hover {
    color: #e67e22;
}

.wp-core-ui .button-primary {
    background: #d35400!important;
    border-color: #d35400!important;
    color: #fff;
    text-decoration: none;
    text-shadow: none;
    border-radius: 0!important;
}

.wp-core-ui .button-primary:hover {
    background: #e67e22!important;
    border-color: #e67e22!important;
    color: #fff;
    text-decoration: none;
    text-shadow: none;
    border-radius: 0!important;
}

.mce-btn button:hover {
	border: none!important;
}

[type=button]:focus, [type=submit]:focus, button:focus {
    color: #fff;
    background-color: #d35400;
    text-decoration: none;
}

.mce-btn button:hover {
    background-color: #fff;
}

button.reset-btn {
    border-radius: 50px;
}       

input[type=text]:focus, select:focus, textarea:focus {
    border-color: #e67e22!important;
    outline: none!important;
}   

/*Custom Notifications*/
		
td.notification-description {
    position: relative;
}
		
.notifications tbody td.notification-description a {
    padding: 5px;
    color: #7c838a;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
}		
		
td.notification-description img {
    max-width: 50px;
    left: 15px;
    position: absolute;
}

.notif-img{
	float: left;
}
		
.notif-desc {
    float: left;
    margin-left: 75px;
    text-transform: uppercase;
	line-height: 2em;
}
		
.dropbtn {
    background-color: #fff;
    color: #54595f;
    font-size: 26px;
    border: none;
    cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
    background-color: #fff;
    color:#54595f;
    border: none;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
	top: 120px;
    right: -240px;
    background-color: #fff;
    min-width: 600px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	border-top: 10px solid #fff;
    border-radius: 10px 10px 0 0;
    z-index: 1;
	max-height: 378px;
    animation: fadeIn ease 0.5s;
    -webkit-animation: fadeIn ease 0.5s;
    -moz-animation: fadeIn ease 0.5s;
    -o-animation: fadeIn ease 0.5s;
    -ms-animation: fadeIn ease 0.5s;
}
		
@media screen and (max-width:414px){
.dropdown-content {
    display: none;
    position: absolute;
    right: 0;
    background-color: #fff;
    max-width: 400px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    max-height: 470px;
    overflow-y: scroll;
    padding: 10px;
	animation: fadeIn ease 0.5s;
    -webkit-animation: fadeIn ease 0.5s;
    -moz-animation: fadeIn ease 0.5s;
    -o-animation: fadeIn ease 0.5s;
    -ms-animation: fadeIn ease 0.5s;
}
}

.dropdown-content a {
    padding: 0;
    text-decoration: none;
    display: inline;
    background:#fff;
}

.dropdown-content a:hover {
	background: #fff
}

.show {
	display:block;
}
		
/* Off Canvas Menu Code */

.bdt-offcanvas-bar {
    width: 300px;
    padding: 10px 20px!important;
    background: #fff!important;
}

.bdt-offcanvas-close.bdt-icon.bdt-close {
    background: none!important;
    border: none!important;
}

.activity-title-block {
    height: 75px;
}		
		
.activity-title {
    font-size: 1.5em;
    font-weight: 700!important;
    color: #d35400;
    margin: 15px 0 15px 0;
    line-height: 1.3em;
    height: 35px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.activity-name, .activity-separator a, .feat-activity a{
    font-size: 1.1em!important;
    font-weight: 600!important;
}
		
.feat-activity{
    font-size: 1.1em!important;
    font-weight: 600!important;
	margin-left: 5px;
}
		
.activity-time {
    margin-top: 17px;
    font-weight: 600;
    color: #54595F;
}
		
.dash-nav-main{
    padding: 0;
    margin: 0;
    width: 100%;
    box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.2);
    background: #fff;
    display: inline-block;
}

.dash-nav{
    padding: 6px 12px;
    background: #54595f;
    box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.2);
	text-align: left;
}
		
.dash-nav-2{
    padding: 6px 12px;
    background: #d35400;
    box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.2);
	text-align: left;
}

.dash-nav a, .dash-nav-2 a{
    color: #fff!important;
    margin-left: 12px;
    font-size: 1.1em;
    font-weight: 500;
}

.dash-nav-sub{
    padding: 12px 0;
    line-height: 2em;
    float: left;
    width: 100%;
    background: #fff;
	text-align: left;
}

.dash-nav-mob{
    padding: 6px 0;
    line-height: 2em;
    float: left;
    width: 100%;
    background: #fff;
    text-align: left;
}

.dash-nav-sub ul a{
    color: #4b4e52;
    font-size: 1em;
    font-weight: 400;
    margin-left: 10px;
    transition: all .1s;
}

.dash-nav-mob ul a {
    color: #4b4e52;
    font-size: 1.4em;
    line-height: 2em;
    font-weight: 400;
    transition: all .1s;
    padding: 12px 0;
}

.dash-nav-sub ul a:hover, .dash-nav-sub ul a:focus, .dash-nav-mob ul a:hover, .dash-nav-mob ul a:focus{
    color: #54595f;
    font-size: 1em;
    font-weight: 500;
}

/* Collections Code*/

.collection-count{
    color: #54595F;
    font-size: 1.1em!important;
    font-weight: 500;
}

.collection-count-2{
    color: #fff;
    font-size: 1.1em!important;
    font-weight: 500;
    text-shadow: 2px 2px 6px rgba(0,0,0,0.5);
}
        
.collection-count-loop-2{
    color: #4d5154;
    font-size: 1.1em;
    font-weight: 500;
    background: rgba(0, 0, 0, 0.5);
    box-shadow: #171616 1px 1px 5px;
    background: rgb(255, 255, 255);
    padding: 10px 20px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

#collections, #collections:focus, #favs, #favs:focus, #RLlists, #RLlists:focus, #RLlists2, #RLlists2:focus, #MusicPlaylists, #MusicPlaylists:focus, #VideoPlaylists, #VideoPlaylists:focus{
    background: none;
    color: #54595F;
    font-size: 1.1em!important;
    font-weight: 500;
    border: none;
    text-decoration: underline;
    padding: 0;
    outline: none;
}

#favs-2, #favs-2:focus{
    background: none!important;
    color: #fff;
    font-size: 1.1em!important;
    font-weight: 500;
    border: none!important;
    text-decoration: underline;
    padding: 0!important;
    outline: none!important;
    text-shadow: 2px 2px 6px rgba(0,0,0,0.5);
}

/*Favourite Button Code*/

.simplefavorite-button.has-count:hover {
    position: relative;
    background-color: #e67e22!important;
}

.simplefavorite-button.active:hover {
    opacity: .6;
}

.has-count .fa-heart {
    margin-left: 15px!important;
    margin-right: 2px!important;    
}

.simplefavorite-button-count {
    margin-left: 5px!important;
    margin-right: 8px!important;
}

.fav-block {
    display: inline-block;
    height: 500px;
}

@media screen and (min-width: 1025px) {
.fav-block {
    display: inline-block;
    height: 500px;
}
}

@media screen and (max-width: 812px) {
.fav-block {
    display: inline-block;
    height: 450px;
}
}

@media screen and (max-width: 414px) {
.fav-block {
    display: inline-block;
    height: 300px;
}
}

.fav-title-block {
    height: 100px;
}

.fav-list-title {
    font-size: 1em;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 15px;
}

@media screen and (max-width: 1024px) {
.fav-list-title {
    font-size: 0.8em;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 15px;
}
}

.fav-list-thumbnail:hover{
    filter: brightness( 105% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );
}

.fav-button{
    margin-top: 15px!important;
}

.simplefavorites-clear:hover {
    display: inline-grid;
    width: 100%;
    align-items: center;
    justify-content: center;
    background-color: #e67e22;
}

.no-favorites {
    text-align: center;
    font-weight: 500;
    color: #59545f;
    padding: 10px 0;
}       

.simplefavorite-button.has-count {
    position: relative;
    box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.1)!important;
    padding: .6rem 1.3rem;
    border-radius: 48px;
}       
        
.content-likes .simplefavorite-button, .content-likes.simplefavorite-button.has-count{
    background: #d35400!important;
    color: #fff!important;
    font-weight: 500;
    border-color: #d35400;
    box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.1)!important;
    padding: .6rem 1.3rem;
    border-radius: 48px;
}

.content-likes .simplefavorite-button.active:hover{
    background: #e67e22!important;
    color: #fff!important;
    border-color: #e67e22!important;
}

.content-likes .simplefavorite-button:hover, .content-likes.simplefavorite-button:hover{
    background: #e67e22!important;
    color: #fff!important;
    border-color: #e67e22!important;
}

.content-likes .simplefavorite-button.active {
    opacity: 0.8!important;
}

.content-likes .simplefavorite-button:focus, .content-likes.simplefavorite-button.has-count:focus{
    outline: none!important;
}

.content-likes .simplefavorite-button.has-count:after{
    content:" Favourite"!important;
    margin-left: 5px!important;
}

.content-likes .simplefavorite-button:before{
    font-family: "Font Awesome 5 Free"; 
    font-weight: 400; 
    content: "\f004"!important;
}
        
.content-likes .simplefavorite-button.active:before{
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    content: "\f004"!important;
}

.content-likes .simplefavorite-button.active:after{
     content: " Unfavourite"!important;
     margin-left: 5px!important;
}

.content-likes-2 .simplefavorite-button, .content-likes-2.simplefavorite-button.has-count{
    background: #d35400!important;
    color: #fff!important;
    font-weight: 500;
    border-color: #d35400;
    box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.1)!important;
    padding: .6rem 1.3rem;
    border-radius: 48px;
}

.content-likes-2 .simplefavorite-button.active:hover{
    background: #e67e22!important;
    color: #fff!important;
    border-color: #e67e22!important;
}

.content-likes-2 .simplefavorite-button:hover, .content-likes-2.simplefavorite-button:hover{
    background: #e67e22!important;
    color: #fff!important;
    border-color: #e67e22!important;
}

.content-likes-2 .simplefavorite-button.active {
    opacity: 0.8!important;
}

.content-likes-2 .simplefavorite-button:focus, .content-likes-2.simplefavorite-button.has-count:focus{
    outline: none!important;
}

.content-likes-2 .simplefavorite-button.has-count:after{
    content:" Favourite"!important;
    margin-left: 5px!important;
}

.content-likes-2 .simplefavorite-button:before{
    font-family: "Font Awesome 5 Free"; 
    font-weight: 400; 
    content: "\f004"!important;
    margin-right: 5px!important;
}
        
.content-likes-2 .simplefavorite-button.active:before{
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    content: "\f004"!important;
    margin-right: 5px!important;
}

.content-likes-2 .simplefavorite-button.active:after{
     content: " Unfavourite"!important;
     margin-left: 5px!important;
}       
            
.content-icon-4 {
    position: absolute;
    top: 25px;
    left: 25px;
    height:48px;
    color: #000;
    padding: 12px;
    background: #fff;
    box-shadow: 2px 2px 6px #000;
    opacity: .4;
    border-radius: 6px;
    transition: all .2s ease-in-out;
}

.content-icon-4:hover {
    position: absolute;
    top: 25px;
    left: 25px;
    height: 48px;
    color: #54595f;
    padding: 12px 28px;
    background: #fff;
    box-shadow: 2px 2px 6px #54595f;
    opacity: 1;
    border-radius: 4px;
}

.content-icon-4:hover .content-type {
    display: block;
}

.content-icon-4 i{
    font-size: 1.5em;
}

.content-icon-4:hover i {
    display: none;
}

.content-type{ 
    display: none;
    float: right;
    font-size: 1.1em;
    font-weight: 600;
    color: #444;
    letter-spacing: 0.1em;
}
        
.item-likes {
    margin-top: 80px;
    margin-left: 190px;
}
        
.item-likes .simplefavorite-button{
    padding:0!important;
    background:none!important;
    border:none!important;
    box-shadow:none!important;
    color: #fff!important;
    font-size:1.2em!important;
}

.item-likes .simplefavorite-button.has-count:hover{
    color: rgba(243, 242, 242, 1)!important;
}       
        
.item-likes .simplefavorite-button:after{
    content:" Favourites"!important;
}

.item-likes .simplefavorite-button.active:after{
    content:" Favourites"!important;
}

.item-likes .simplefavorite-button:hover{
    padding:0!important;
    background:none!important;
    border:none!important;
    box-shadow:none!important;
    color: #fff!important;
}
    
.item-likes .simplefavorite-button:before{
    font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f004";
    margin-right: 5px!important;
}
        
.item-likes .simplefavorite-button.active:before{
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f004";
    margin-right: 5px!important;
}
        
.item-likes-2 .simplefavorite-button{
    position: absolute;
    top: 28px;
    right: 85px;
    height:36px;
    font-size:1.1em;
    color: #54595f!important;
    padding: 0 16px;
    background: #fff!important;
    box-shadow: 2px 2px 6px #54595f!important;
    opacity: .7!important;
    /*border:none;*/
    border: 2px solid #ccc!important;
    border-radius: 48px;
    transition-timing-function: cubic-bezier(0.39, 0.58, 0.57, 1);
}

.item-likes-2 .simplefavorite-button:hover {
    opacity: .8!important;
    position: absolute;
    top: 28px;
    right: 85px;
    height: 38px!important;
    font-size:1.2em;
    color: #54595f;
    padding: 0 18px!important;
    background: #fff;
    box-shadow: 2px 2px 6px #54595f!important;
    opacity: .9!important;
    border-radius: 48px;
}       

.item-likes-2 .simplefavorite-button.active {
    opacity: .7!important;
}
        
.item-likes-2 .simplefavorite-button.active:hover {
    opacity: .9!important;
}

.item-likes-2 .simplefavorite-button:hover{
    position: absolute;
    top: 28px;
    right: 85px;
    height: 38px!important;
    color: #54595f;
    padding: 0 18px!important;
    background: #fff!important;
    box-shadow: 2px 2px 6px #54595f!important;
    opacity: .9!important;
    border-radius: 48px;
}
    
.item-likes-2 .simplefavorite-button:before{
    font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f004"!important;
}
        
.item-likes-2 .simplefavorite-button.active:before{
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f004";
}

.item-likes-2 .simplefavorite-button.has-count:hover {
    position: absolute;
    top: 28px;
    right: 85px;
    height: 38px;
    color: #54595f;
    padding: 0 18px;
    background: #fff;
    box-shadow: 2px 2px 6px #54595f;
    opacity: .9!important;
    border-radius: 48px;
}

.item-likes-2 .simplefavorite-button.has-count:hover .simplefavorite-button-count:after {
    content: " Favourite";
    margin-left: 20px;
}       
        
.item-likes-2 .simplefavorite-button.active.has-count:hover .simplefavorite-button-count:after {
    content: " Unfavourite";
    margin-left: 20px;
}
        
.item-likes-3 .simplefavorite-button{
    position: absolute;
    top: 28px;
    right: 85px;
    height:36px;
    font-size:1.1em;
    color: #54595f!important;
    padding: 0 16px;
    background: #fff!important;
    box-shadow: 2px 2px 6px #54595f!important;
    opacity: .7!important;
    border:none;
    border-radius: 48px;
    transition-timing-function: cubic-bezier(0.39, 0.58, 0.57, 1);
}

.item-likes-3 .simplefavorite-button:hover {
    opacity: .8!important;
    position: absolute;
    top: 28px;
    right: 85px;
    height: 38px!important;
    font-size:1.2em;
    color: #54595f;
    padding: 0 18px!important;
    background: #fff;
    box-shadow: 2px 2px 6px #54595f!important;
    opacity: .9!important;
    border-radius: 48px;
}       

.item-likes-3 .simplefavorite-button.active {
    opacity: .7!important;
}
        
.item-likes-3 .simplefavorite-button.active:hover {
    opacity: .9!important;
}

.item-likes-3 .simplefavorite-button:hover{
    position: absolute;
    top: 28px;
    right: 85px;
    height: 38px!important;
    color: #54595f;
    padding: 0 18px!important;
    background: #fff!important;
    box-shadow: 2px 2px 6px #54595f!important;
    opacity: .9!important;
    border-radius: 48px;
}
    
.item-likes-3 .simplefavorite-button:before{
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f234"!important;
}
        
.item-likes-3 .simplefavorite-button.active:before{
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f234";
}

.item-likes-3 .simplefavorite-button.has-count:hover {
    position: absolute;
    top: 28px;
    right: 85px;
    height: 38px;
    color: #54595f;
    padding: 0 18px;
    background: #fff;
    box-shadow: 2px 2px 6px #54595f;
    opacity: .9!important;
    border-radius: 48px;
}

.item-likes-3 .simplefavorite-button.has-count:hover .simplefavorite-button-count:after {
    content: " Follow";
    margin-left: 20px;
}       
        
.item-likes-3 .simplefavorite-button.active.has-count:hover .simplefavorite-button-count:after {
    content: " Unfollow";
    margin-left: 20px;
}       
                        
.artist-likes .simplefavorite-button, .artist-likes.simplefavorite-button.has-count{
    background: rgba(255, 255, 255, 1)!important;
    color: #4d5154!important;
    font-weight: 500;
    border-color: #fff!important;
    border-radius: 48px;
    box-shadow: 2px 1.7px 8px 0px rgba(0, 0, 0, 0.25)!important;
    padding: .6rem 1.3rem;
}
            
.artist-likes .simplefavorite-button.active:hover{
    background: #d40909!important;
    color: #fff!important;
    border-color: rgba(243, 242, 242, 1)!important;
    box-shadow: 2px 1.7px 8px 0px rgba(0, 0, 0, 0.25)!important;
    padding: .6rem 1.3rem;
}

.artist-likes .simplefavorite-button:hover, .artist-likes.simplefavorite-button:hover{
    background: #f8f8f8!important;
    color: #4d5154!important;
    border-color: rgba(243, 242, 242, 1)!important;
    box-shadow: 2px 1.7px 8px 0px rgba(0, 0, 0, 0.25)!important;
    padding: .6rem 1.3rem;
}

.artist-likes .simplefavorite-button.active {
    opacity: 1!important;
}

.artist-likes .simplefavorite-button:focus, artist-likes.simplefavorite-button.has-count:focus{
    outline: none!important;
}

.artist-likes .simplefavorite-button.active:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f234"!important;
    margin-right: 0px!important;
}

.artist-likes .simplefavorite-button:before{
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    content: "\f234"!important;
    margin-right: 0px!important;
}

.artist-likes .simplefavorite-button.has-count:after{
    content:"FOLLOW "!important;
    margin-left: 5px!important;
}

.artist-likes .simplefavorite-button.active:after{
     content: "UNFOLLOW "!important;
     margin-left: 5px!important;
}

.collection-likes .simplefavorite-button, .collection-likes.simplefavorite-button.has-count{
    background: rgba(255, 255, 255, 1)!important;
    color: #4d5154!important;
    font-weight: 500;
    border-color: #fff!important;
    box-shadow: #171616 1px 1px 5px!important;
}

.collection-likes .simplefavorite-button.active:hover{
    background: rgba(243, 242, 242, 1)!important;
    color: #4d5154!important;
    border-color: rgba(243, 242, 242, 1)!important;
    box-shadow: #171616 1px 1px 5px!important;
}

.collection-likes .simplefavorite-button:hover{
    background: rgba(243, 242, 242, 1)!important;
    color: #4d5154!important;
    border-color: rgba(243, 242, 242, 1)!important;
    box-shadow: #171616 1px 1px 5px!important;
}

.collection-likes .simplefavorite-button.active {
    opacity: 1!important;
}

.collection-likes .simplefavorite-button:focus, .collection-likes.simplefavorite-button.has-count:focus{
    outline: none!important;
}

.collection-likes .simplefavorite-button.has-count:after{
    content:" Favourite"!important;
    margin-left: 5px!important;
}
        
.collection-likes .simplefavorite-button.active:after{
     content: " Unfavourite"!important;
     margin-left: 5px!important;
}

.collection-likes .simplefavorite-button:before{
    font-family: "Font Awesome 5 Free"; 
    font-weight: 400; 
    content: "\f004"!important;
    margin-right: 0px!important;
}
        
.collection-likes .simplefavorite-button.active:before{
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    content: "\f004"!important;
    margin-right: 0px!important;
}
        
.playlist-likes .simplefavorite-button{
    padding:0!important;
    background:none!important;
    border:none!important;
    box-shadow:none!important;
    color: #333!important;
}

.playlist-likes .simplefavorite-button-count{
    margin-left: 0!important;
    margin-right: 0!important;
}

.playlist-likes .simplefavorite-button:after{
    content:" FAVS"!important;
}

.playlist-likes .simplefavorite-button.active:after{
    content:" FAVS"!important;
}
        
.playlist-likes .simplefavorite-button.active {
    opacity: 1!important;
}

.playlist-likes .simplefavorite-button:hover {
    opacity: .8!important;
}       
        
.playlist-likes .simplefavorite-button.active:hover {
    opacity: .7!important;
}

.playlist-likes .simplefavorite-button:hover{
    padding:0!important;
    background:none!important;
    border:none!important;
    box-shadow:none!important;
    color: #333!important;
}
    
.playlist-likes .simplefavorite-button:before{
    font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f004"!important;
    margin-right: 5px!important;
}
        
.playlist-likes .simplefavorite-button.active:before{
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f004";
    margin-right: 5px!important;
}
        
.achievement-toggle .simplefavorite-button, .achievement-toggle.simplefavorite-button.has-count{
    background: rgba(255, 255, 255, 1)!important;
    color: #4d5154!important;
    font-weight: 500;
    border-color: #fff!important;
    box-shadow: #171616 1px 1px 5px!important;
}

.achievement-toggle .simplefavorite-button.active:hover{
    background: rgba(243, 242, 242, 1)!important;
    color: #4d5154!important;
    border-color: rgba(243, 242, 242, 1)!important;
    box-shadow: #171616 1px 1px 5px!important;
}

.achievement-toggle .simplefavorite-button:hover, .achievement-toggle.simplefavorite-button:hover{
    background: rgba(243, 242, 242, 1)!important;
    color: #4d5154!important;
    border-color: rgba(243, 242, 242, 1)!important;
    box-shadow: #171616 1px 1px 5px!important;
}

.achievement-toggle .simplefavorite-button.active {
    opacity: 0.8!important;
}

.achievement-toggle .simplefavorite-button:focus, .content-likes.simplefavorite-button.has-count:focus{
    outline: none!important;
}

.achievement-toggle .simplefavorite-button.has-count:after{
    content:" Locked"!important;
}

.achievement-toggle .simplefavorite-button.active.has-count:after{
    content:" Unlocked"!important;
}

.achievement-toggle .simplefavorite-button:before{
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f023"!important;
    margin-right: 5px!important;
}
        
.achievement-toggle .simplefavorite-button.active:before{
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f09c"!important;
    margin-right: 5px!important;
}
        
        
.hidden, .fs-hidden { display: none; }
        
.item-view{
    position: absolute;
    top: 25px;
    right: 25px;
    height:42px;
    font-size:1.1em;
    color: #54595f!important;
    padding: 0 11px;
    background: #fff!important;
    box-shadow: 2px 2px 6px #54595f!important;
    opacity: .7!important;
    border: 2px solid #ccc !important;
    border-radius: 100%;
    transition: all .3s ease-in-out;
}

.item-view:hover {
    opacity: .8!important;
    position: absolute;
    top: 25px;
    right: 25px;
    height: 45px!important;
    font-size:1.1em;
    color: #54595f;
    padding: 0 13px!important;
    background: #fff;
    box-shadow: 2px 2px 6px #54595f!important;
    opacity: .9!important;
    border-radius: 100%;
}   

.item-view i{
    margin-top: 5px;
    font-size: 1.1em;
}
        
.simplefavorites-modal-content.active {
    top: 30%;
    -webkit-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.login-notice {
    font-size: 22px;
    color: #54595F;
    text-align: center;
    margin: 35px 20px 30px 20px;
    padding: 20px;
    letter-spacing: 1px;
    background: #fbfbfb;
    border: 2px solid #f7f6f6;
}       
        
.close-login-notice {
    top: 3px;
    position: absolute;
    right: 15px;        
}
        
.close-login-notice a {
    color: #aaaaaa;
    font-size: 28px;
    font-weight: bold;
}
        
.close-login-notice a:hover {
    color: #666;
    font-size: 28px;
    font-weight: bold;
}

/* Game Page Nav Menu Code */
        
.nav-btn{
    display: block;
    width: 100%;
    padding:0px;
    border:none;
}

.nav-btn:hover{
    display: block;
    width: 100%;
    padding:0px;
    border:none;
}

.nav-btn-active{
    display: block;
    background-color: #54595f;
    color: #666;
    width: 100%;
    margin-top: -5px;
    padding: 16px;
    font-family: "Roboto";
    font-size: 1.3em;
    font-weight: 700;
    letter-spacing: .08em;
    transition: all .3s;
    box-shadow: rgb(84 89 95 / 0.7) 2px 1px 8px;
    background: rgb(255 255 255);
    border: none;
    pointer-events: none;
}

.nav-btn a{
    display: block;
    color: #666;
    width: 100%;
    padding: 14px;
    font-family: "Roboto";
    font-size: 1.2em;
    font-weight: 700;
    letter-spacing: .08em;
    transition: all .3s;
    box-shadow: rgb(84 89 95 / 0.3) 2px 1px 8px;
    background: rgb(255 255 255);
    border: none;
}

.nav-btn a:hover, .nav-btn a:focus{
    display: block;
    color: #666;
    width: 100%;
    padding: 14px;
    font-family: "Roboto";
    font-size: 1.2em;
    font-weight: 700;
    letter-spacing: .08em;
    transition: all .3s;
    box-shadow: rgb(84 89 95 / 0.7) 2px 1px 8px;
    background: rgb(255 255 255);
    border: none;
}

/*Gamipress Achievements Archive*/  

.gamipress-achievement.user-has-not-earned .gamipress-achievement-image, .user-has-not-earned .achievement-wrap .gamipress-achievement-image {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.gamipress-user-points-image.gamipress-user-points-fan-point-image {
    width: 40px!important;
}
        
#gamipress-achievements-filter {
    float: left;
    margin-bottom: 3em;
}
        
#gamipress-achievements-search-form {
    display: flex;
}
        
#gamipress-achievements-search-form label {
    display: none;
}   
        
#gamipress-achievements-search-submit {
    margin-left: 10px;
    padding: 0px 24px;
    border-radius: 4px;
}       
        
#gamipress-achievements-filter label {
    display: none;
}       
        
/*Gamipress Achivements Loop*/      

.gamipress-share-buttons {
    display: table;
    margin: 0 auto;
}       
        
.gamipress-share-button {
    display: inline-block;
    width: 38px;
    height: 38px;
    vertical-align: middle;
    padding: 4px;
    margin: 2px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
    box-sizing: border-box;
}

.gamipress-share-button-facebook:hover, .gamipress-share-button-facebook:focus {
    background-color: #5878bd;
}
        
.gamipress-share-button-twitter:hover, .gamipress-share-button-twitter:focus {
    background-color: #1ea1ec;
}       
        
.gamipress-share-buttons-label {
    margin-top: 0;
    margin-bottom: 2px;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    color: #54595f;
}   
        
.gamipress-achievement-description h4 {
    margin-top: 55px;
    text-transform: uppercase;
    font-size: 16px;
}       

        
/*Gamipress Cards Loop And Archive*/
        
.card-main, .card-main-small,.card-main-rear, .card-main-rear-small {
    width: 337px;
    height: 596px;
    display: block;
    margin: 0 auto 20px auto;
    border: 6px solid #eee;
    background-color: #f5f5f5;
    background: linear-gradient(142deg, rgba(244,172,113,1) 0%, rgba(66,87,124,1) 75%, rgba(67,124,143,1) 100%);
    background-repeat: no-repeat, repeat;
    background-position: center left;
    background-size: cover;
    padding: 26px;
    border-radius: 45px;
    box-shadow: 3px 3px 20px 0px rgb(0 0 0 / 25%);
    position: relative;
}

.card-main-s2, .card-main-s2-small, .card-main-s2-rear, .card-main-s2-rear-small{
    width: 337px;
    height: 596px;
    display: block;
    margin: 0 auto 20px auto;
    border: 6px solid #eee;
    background: rgb(208,52,191);
    background: linear-gradient(142deg, rgb(189 6 183) 10%, rgb(175 85 168) 52%, rgb(125 32 98) 100%);
    background-repeat: no-repeat, repeat;
    background-position: center left;
    background-size: cover;
    padding: 26px;
    border-radius: 45px;
    box-shadow: 3px 3px 20px 0px rgb(0 0 0 / 25%);
    position: relative;
}

.card-main-s3, .card-main-s3-small, .card-main-s3-rear, .card-main-s3-rear-small{
    width: 337px;
    height: 596px;
    display: block;
    margin: 0 auto 20px auto;
    border: 6px solid #eee;
    background: rgb(144,77,74);
    background: linear-gradient(142deg, rgba(201,126,10,1) 10%, rgba(144,77,74,1) 52%, rgba(115,64,2,1) 100%);
    background-repeat: no-repeat, repeat;
    background-position: center left;
    background-size: cover;
    padding: 26px;
    border-radius: 45px;
    box-shadow: 3px 3px 20px 0px rgb(0 0 0 / 25%);
    position: relative;
}

.card-main-s4, .card-main-s4-small, .card-main-s4-rear, .card-main-s4-rear-small{
    width: 337px;
    height: 596px;
    display: block;
    margin: 0 auto 20px auto;
    border: 6px solid #eee;
    background: rgba(214,172,52);
    background: linear-gradient(142deg, rgb(214 8 181) 10%, rgba(214,172,52,1) 55%, rgba(255,35,42,1) 100%);
    background-repeat: no-repeat, repeat;
    background-position: center left;
    background-size: cover;
    padding: 26px;
    border-radius: 45px;
    box-shadow: 3px 3px 20px 0px rgb(0 0 0 / 25%);
    position: relative;
}
        
.card-main-locked, .card-main-locked-small {
    width: 337px;
    height: 596px;
    display: block;
    margin: 0 auto 20px auto;
    border: 6px solid #eee;
    background-color: #f5f5f5;
    background: linear-gradient(142deg, rgba(244,172,113,1) 0%, rgba(66,87,124,1) 75%, rgba(67,124,143,1) 100%);
    background-repeat: no-repeat, repeat;
    background-position: center left;
    background-size: cover;
    padding: 26px;
    border-radius: 45px;
    box-shadow: 3px 3px 20px 0px rgb(0 0 0 / 25%);
    opacity: .25;
    filter: grayscale(1);
    position: relative;
}

.card-main-s2-locked, .card-main-s2-locked-small{
    width: 337px;
    height: 596px;
    display: block;
    margin: 0 auto 20px auto;
    border: 6px solid #eee;
    background: rgb(208,52,191);
    background: linear-gradient(142deg, rgb(189 6 183) 10%, rgb(175 85 168) 52%, rgb(125 32 98) 100%);
    background-repeat: no-repeat, repeat;
    background-position: center left;
    background-size: cover;
    padding: 26px;
    border-radius: 45px;
    box-shadow: 3px 3px 20px 0px rgb(0 0 0 / 25%);
    opacity: .25;
    filter: grayscale(1);
    position: relative;
}     

.card-main-s3-locked, .card-main-s3-locked-small{
    width: 337px;
    height: 596px;
    display: block;
    margin: 0 auto 20px auto;
    border: 6px solid #eee;
    background: rgb(144,77,74);
    background: linear-gradient(142deg, rgba(201,126,10,1) 10%, rgba(144,77,74,1) 52%, rgba(115,64,2,1) 100%);
    background-repeat: no-repeat, repeat;
    background-position: center left;
    background-size: cover;
    padding: 26px;
    border-radius: 45px;
    box-shadow: 3px 3px 20px 0px rgb(0 0 0 / 25%);
    opacity: .25;
    filter: grayscale(1);
    position: relative;
} 

.card-main-s4-locked, .card-main-s4-locked-small{
    width: 337px;
    height: 596px;
    display: block;
    margin: 0 auto 20px auto;
    border: 6px solid #eee;
    background: rgba(214,172,52);
    background: linear-gradient(142deg, rgb(214 8 181) 10%, rgba(214,172,52,1) 55%, rgba(255,35,42,1) 100%);
    background-repeat: no-repeat, repeat;
    background-position: center left;
    background-size: cover;
    padding: 26px;
    border-radius: 45px;
    box-shadow: 3px 3px 20px 0px rgb(0 0 0 / 25%);
    opacity: .25;
    filter: grayscale(1);
    position: relative;
} 

.card-main-small, .card-main-s2-small, .card-main-s3-small, .card-main-s4-small, .card-main-rear-small, .card-main-s2-rear-small, .card-main-s3-rear-small, .card-main-s4-rear-small, .card-main-locked-small, .card-main-s2-locked-small, .card-main-s3-locked-small, .card-main-s4-locked-small{
    width: 265px!important;
    height: 469px!important;
    padding: 22px!important;
    border-radius: 40px!important;
}

.card-hero-container{
    position: relative;
}

.card-number-container, .card-number-container-small, .card-number-container-rear, .card-number-container-rear-small {
    position: absolute;
    top: -10px;
    left: -10px;
    background: #444;
    background: linear-gradient(142deg, rgb(76 99 134) 0%, rgb(76 126 146) 47%, rgb(31 38 53) 100%);
    padding:10px;
    width: 70px;
    height: 70px;
    border: 4px solid #fff;
    border-radius: 50px;
    z-index: 1;
}

.card-number-container-s2, .card-number-container-s2-small, .card-number-container-s2-rear, .card-number-container-s2-rear-small {
    position: absolute;
    top: -10px;
    left: -10px;
    background: #444;
    background: linear-gradient(142deg, rgb(148 96 137) 0%, rgb(176 83 183) 47%, rgb(47 25 45) 100%);
    padding: 10px;
    width: 70px;
    height: 70px;
    border: 4px solid #fff;
    border-radius: 50px;
    z-index: 1;
}

.card-number-container-s3, .card-number-container-s3-small, .card-number-container-s3-rear, .card-number-container-s3-rear-small {
    position: absolute;
    top: -10px;
    left: -10px;
    background: #444;
    background: linear-gradient(142deg, rgb(88 64 30) 0%, rgb(162 101 71) 47%, rgb(60 33 11) 100%);
    padding: 10px;
    width: 70px;
    height: 70px;
    border: 4px solid #fff;
    border-radius: 50px;
    z-index: 1;
}

.card-number-container-s4, .card-number-container-s4-small, .card-number-container-s4-rear, .card-number-container-s4-rear-small {
    position: absolute;
    top: -10px;
    left: -10px;
    background: #444;
    background: linear-gradient(142deg, rgb(154 114 149) 0%, rgb(208 97 97) 47%, rgb(86 29 29) 100%);
    padding:10px;
    width: 70px;
    height: 70px;
    border: 4px solid #fff;
    border-radius: 50px;
    z-index: 1;
}

.card-number-container-gold, .card-number-container-gold-small, .card-number-container-gold-rear, .card-number-container-gold-rear-small {
    position: absolute;
    top: -10px;
    left: -10px;
    background: #444;
    background: rgb(87,86,102);
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #e0a42b 8%, #9f7928 30%, #8a6f32 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #c1993e 62.5%, #f7ce73 100%);
    padding: 10px;
    width: 70px;
    height: 70px;
    border: 4px solid #fff;
    border-radius: 50px;
    z-index: 1;
}

.card-number-container-rare, .card-number-container-rare-small, .card-number-container-rare-rear, .card-number-container-rare-rear-small {
    position: absolute;
    top: -10px;
    left: -10px;
    background: #444;
    background: rgb(87,86,102);
    background: linear-gradient(142deg, rgb(199 199 199) 0%, rgb(235 236 236) 47%, rgb(114 122 130) 100%);
    padding: 10px;
    width: 70px;
    height: 70px;
    border: 4px solid #fff;
    border-radius: 50px;
    z-index: 1;
    color: #555;
    text-shadow: hsl(0deg 0% 40% / 50%) 0 -1px 0, hsl(0deg 0% 100% / 60%) 0 2px 1px;
}

.card-number-container-small, .card-number-container-s2-small, .card-number-container-s3-small, .card-number-container-s4-small, .card-number-container-gold-small, .card-number-container-rare-small {
    width: 60px!important;
    height: 60px!important;
}

.card-number-symbol, .card-number-symbol-small{
    color: #fff;
    font-size: 1.2em;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0.04em;
    line-height: 1.5em!important;
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    width: 100%;
}

.card-number-container-rare .card-number-symbol, .card-number-container-rare-rear .card-number-symbol, .card-number-container-rare-small .card-number-symbol-small, .card-number-container-rare-rear-small .card-number-symbol-small, .card-number-container-rare .card-number, .card-number-container-rare-rear .card-number, .card-number-container-rare-small .card-number-small, .card-number-container-rare-rear-small .card-number-small{
    color:  #555;
}

.card-number-symbol-small{
    font-size: 0.9em!important;
}

.card-number, .card-number-small{
    color: #fff;
    font-size: 1.3em;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0.04em;
    line-height: 1.5em!important;
    position: absolute;
    bottom: 6px;
    text-align: center;
    justify-content: center;
    left: 0;
    display: flex;
    right: 0;
    width: 100%;
}

.card-number-small{
    font-size: 1em!important;
}

.card-image img{
    margin: 0;
    border: 4px solid #fff;
    border-radius: 15px 75px 15px 15px;
}

.card-image-small img{
    margin: 0;
    border: 4px solid #fff;
    border-radius: 15px 55px 15px 15px;
}

.card-title, .card-title-small {
    display: inline-block;
    text-align: center;
    line-height: 1.5em!important;
    font-size: 1.1em;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin: 0 auto;
    padding: 5px 10px;
    background-color: #fff;
    background: rgb(87,86,102);
    background: linear-gradient(142deg, rgb(76 99 134) 0%, rgb(76 126 146) 47%, rgb(31 38 53) 100%);
    color: #fff;
    border: 0px solid #444;
    border-radius: 50px;
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 85%;
    transform: translate(-50%, 20%);
    box-shadow: 0 0 0 4px hsl(0, 0%, 100%);
    z-index: 2;
}

.card-title-s2, .card-title-s2-small {
    display: inline-block;
    text-align: center;
    line-height: 1.5em!important;
    font-size: 1.1em;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin: 0 auto;
    padding: 5px 10px;
    background-color: #fff;
    background: rgb(87,86,102);
    background: linear-gradient(142deg, rgb(148 96 137) 0%, rgb(176 83 183) 47%, rgb(47 25 45) 100%);
    color: #fff;
    border: 0px solid #444;
    border-radius: 50px;
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 85%;
    transform: translate(-50%, 20%);
    box-shadow: 0 0 0 4px hsl(0deg 0% 100%);
    z-index: 2;
}

.card-title-s3, .card-title-s3-small {
    display: inline-block;
    text-align: center;
    line-height: 1.5em!important;
    font-size: 1.1em;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin: 0 auto;
    padding: 5px 10px;
    background-color: #fff;
    background: rgb(87,86,102);
    background: linear-gradient(142deg, rgb(88 64 30) 0%, rgb(162 101 71) 47%, rgb(60 33 11) 100%);
    color: #fff;
    border: 0px solid #444;
    border-radius: 50px;
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 85%;
    transform: translate(-50%, 20%);
    box-shadow: 0 0 0 4px hsl(0deg 0% 100%);
    z-index: 2;
}

.card-title-s4, .card-title-s4-small {
    display: inline-block;
    text-align: center;
    line-height: 1.5em!important;
    font-size: 1.1em;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin: 0 auto;
    padding: 5px 10px;
    background-color: #fff;
    background: rgb(87,86,102);
    background: linear-gradient(142deg, rgb(154 114 149) 0%, rgb(208 97 97) 47%, rgb(86 29 29) 100%);
    color: #fff;
    border: 0px solid #444;
    border-radius: 50px;
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 85%;
    transform: translate(-50%, 20%);
    box-shadow: 0 0 0 4px hsl(0, 0%, 100%);
    z-index: 2;
}

.card-title-gold, .card-title-gold-small, .card-title-gold-rear, .card-title-gold-rear-small {
    display: inline-block;
    text-align: center;
    line-height: 1.5em!important;
    font-size: 1.1em;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin: 0 auto;
    padding: 5px 10px;
    background-color: #fff;
    background: rgb(87,86,102);
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #987e42 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #daae4a 62.5%, #d2b36c 100%);
    color: #fff;
    border: 0px solid #444;
    border-radius: 50px;
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 85%;
    transform: translate(-50%, 20%);
    box-shadow: 0 0 0 4px hsl(0deg 0% 100%);
    z-index: 2;
}

.card-title-rare, .card-title-rare-rear, .card-title-rare-small, .card-title-rare-rear-small {
    display: inline-block;
    text-align: center;
    line-height: 1.5em!important;
    font-size: 1.1em;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin: 0 auto;
    padding: 5px 10px;
    background-color: #fff;
    background: linear-gradient(142deg, rgb(191 191 191) 0%, rgb(249 249 249) 47%, rgb(135 139 144) 100%);
    color: #555;
    text-shadow: hsl(0deg 0% 40% / 50%) 0 -1px 0, hsl(0deg 0% 100% / 60%) 0 2px 1px;
    border: 0px solid #444;
    border-radius: 50px;
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 85%;
    transform: translate(-50%, 20%);
    box-shadow: 0 0 0 4px hsl(0deg 0% 100%);
    z-index: 3;
}

.card-title-small, .card-title-s2-small, .card-title-s3-small, .card-title-s4-small, .card-title-gold-small, .card-title-rare-small, .card-title-rear-small, .card-title-s2-rear-small, .card-title-s3-rear-small, .card-title-s4-rear-small, .card-title-gold-rear-small, .card-title-rare-rear-small {
    font-size: 0.95em!important;
}

.card-subtitle, .card-subtitle-small {
    font-size: 0.6em;
    font-weight: 400;
    text-transform: uppercase;
    font-family: 'Poppins';
}

.card-subtitle-small {
    font-size: 0.55em!important;
}

.card-subtitle i{
    font-size: 0.9em;
    padding: 0 6px;
}

.card-subtitle-small i{
    font-size: 0.9em;
    padding: 0 6px;
}

.card-divider {
    text-align: center;
    margin-top: 20px;
    position: relative;
    justify-items: center;
}

.card-divider-small {
    text-align: center;
    margin-top: 15px;
    position: relative;
    justify-items: center;
}

.card-divider i, .card-divider-small i{
    font-size: 2.8em;
    font-size: 2.5em;
}

.card-description, .card-description-small{
    background: rgb(87,86,102);
    background: linear-gradient(142deg, rgb(32 44 51) 0%, rgb(71 91 109) 47%, rgb(19 23 31) 100%);
    color: #fff;
    padding: 30px 16px 35px 16px;
    text-align: center;
    line-height: 2em;
    font-size: 0.75em;
    font-weight: 400;
    font-family: 'Poppins', sans-serif!important;
    border: 4px solid #fff;
    border-radius: 15px 15px 15px 75px;
    margin: auto;
    position: relative;
    height: 252px;
    z-index: 1;
}

.card-description-s2, .card-description-s2-small{
    background: rgb(87,86,102);
    background: linear-gradient(142deg, rgb(38 31 49) 0%, rgb(87 82 109) 47%, rgb(5 4 6) 100%);
    color: #fff;
    padding: 33px 16px 35px 16px;
    text-align: center;
    line-height: 2em;
    font-size: 0.75em;
    font-weight: 400;
    font-family: 'Poppins', sans-serif!important;
    border: 4px solid #fff;
    border-radius: 15px 15px 15px 75px;
    margin: auto;
    position: relative;
    height: 252px;
    z-index: 1;
}

.card-description-s3, .card-description-s3-small{
    background: rgb(87,86,102);
    background: linear-gradient(142deg, rgb(51 43 33) 0%, rgb(103 72 50) 47%, rgb(12 10 7) 100%);
    color: #fff;
    padding: 33px 16px 35px 16px;
    text-align: center;
    line-height: 2em;
    font-size: 0.75em;
    font-weight: 400;
    font-family: 'Poppins', sans-serif!important;
    border: 4px solid #fff;
    border-radius: 15px 15px 15px 75px;
    margin: auto;
    position: relative;
    height: 252px;
  } 

.card-description-s4, .card-description-s4-small{
    background: rgb(87,86,102);
    background: linear-gradient(142deg, rgba(87,86,102,1) 0%, rgba(69,63,78,1) 47%, rgba(35,38,51,1) 100%);
    background: linear-gradient(142deg, rgb(142 79 134) 0%, rgb(119 60 25) 47%, rgb(45 14 14) 100%);
    background: linear-gradient(142deg, rgb(111 65 105) 0%, rgb(140 70 30) 47%, rgb(35 12 12) 100%);
    color: #fff;
    padding: 33px 16px 35px 16px;
    text-align: center;
    line-height: 2em;
    font-size: 0.75em;
    font-weight: 400;
    font-family: 'Poppins', sans-serif!important;
    border: 4px solid #fff;
    border-radius: 15px 15px 15px 75px;
    margin: auto;
    position: relative;
    height: 252px;
    z-index: 1;
}

.card-description-gold, .card-description-gold-small{
    background: rgb(87,86,102);
    background: radial-gradient(ellipse farthest-corner at right bottom, #f3d135 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #ecdede 0%, #d2d35a 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
    background: radial-gradient(ellipse farthest-corner at right bottom, #f39535 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #ecdede 0%, #d3b35a 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
    color: #fff;
    padding: 33px 16px 35px 16px;
    text-align: center;
    line-height: 2em;
    font-size: 0.75em;
    font-weight: 400;
    font-family: 'Poppins', sans-serif!important;
    border: 4px solid #fff;
    border-radius: 15px 15px 15px 75px;
    margin: auto;
    position: relative;
    overflow: hidden;
    height: 252px;
    z-index: 1;
}

.card-description-rare, .card-description-rare-small{
    background: linear-gradient(142deg, rgb(216 214 214) 35%,rgba(254,254,254,1) 55%,rgb(76 76 76) 100%);
    color: #555;
    text-shadow: hsl(0deg 0% 40% / 50%) 0 -1px 0, hsl(0deg 0% 100% / 60%) 0 2px 1px;
    padding: 33px 16px 35px 16px;
    text-align: center;
    line-height: 2em;
    font-size: 0.75em;
    font-weight: 400;
    font-family: 'Poppins', sans-serif!important;
    border: 4px solid #fff;
    border-radius: 15px 15px 15px 75px;
    margin: auto;
    position: relative;
    overflow: hidden;
    height: 252px;
    z-index: 2;
}

.card-description-gold:after, .card-description-gold-small:after, .card-description-rare:after, .card-description-rare-small:after{
    content: "";
    position: absolute;
    top: -190%;
    left: -210%;
    width: 200%;
    height: 200%;
    opacity: 0;
    transform: rotate(45deg);
    background: rgba(255, 255, 255, 0.13);
    background: linear-gradient(
      to right, 
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.13) 77%,
    rgba(255, 255, 255, 0.5) 92%,
    rgba(255, 255, 255, 0.0) 100%
  );
}

.card-description-gold:hover:after, .card-description-gold-small:hover:after, .card-description-rare:hover:after, .card-description-rare-small:hover:after{
    opacity: .5;
    top: -30%;
    left: -30%;
    transition-property: left, top, opacity;
    transition-duration: 0.7s, 0.7s, 0.15s;
    transition-timing-function: ease;
}

.card-description-gold:active:after, .card-description-gold-small:active:after, .card-description-rare:active:after, .card-description-rare-small:active:after{
    opacity: 0;
}

.card-description-small, .card-description-s2-small, .card-description-s3-small, .card-description-s4-small, .card-description-gold-small, .card-description-rare-small{
    font-size: 0.55em!important;
    height: 196px!important;
    border-radius: 15px 15px 15px 55px!important;
}

#power-season-1, #power-season-2, #power-season-3, #power-season-4 {
    position: absolute;
    bottom: 15px;
    right: 15px;
    background: #fff;
    padding: 0px;
    margin: 0;
    width: 70px;
    height: 70px;
    border: 4px solid #fff;
    border-radius: 100%;
    background-repeat: no-repeat, repeat;
    background-position: center left;
    background-size: contain;
    z-index: 2;
}

#power-season-1{
    background-image: url(https://cdn.lifeisstrangefans.com/uploads/media/2021/12/card-rear-chaos-orb-empty-1640315030-1616911388.png);
}

#power-season-2{
    background-image: url(https://cdn.lifeisstrangefans.com/uploads/media/2021/12/card-rear-tempest-orb-empty-1640315036-2147404820.png);  
}

#power-season-3{
    background-image: url(https://cdn.lifeisstrangefans.com/uploads/media/2021/12/card-rear-lupine-orb-empty-1640315034-60593403.png);  
}

#power-season-4{
    background-image: url(https://cdn.lifeisstrangefans.com/uploads/media/2021/12/card-rear-empath-orb-empty-1640315032-890112269.png);  
}

#s1-power, #s2-power, #s3-power, #s4-power{
    color: #fff;
    font-size: 2em;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0.04em;
    position: absolute;
    top: 12%;
    left: 50%;
    transform: translate(-50%, 0);
}

#s1-power-small, #s2-power-small, #s3-power-small, #s4-power-small{
    color: #fff;
    font-size: 1.8em;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0.04em;
    position: absolute;
    top: 8%;
    left: 50%;
    transform: translate(-50%, 0);
}

#s1-power, #s1-power-small{
    text-shadow: 2px 1px 0 #5bc0de;
}

#s2-power, #s2-power-small{
    text-shadow: 2px 1px 0 #ef33a1;
}

#s3-power, #s3-power-small{
    text-shadow: 2px 1px 0 #e62926;
}

#s4-power, #s4-power-small{
    text-shadow: 2px 1px 0 #cf9f18;
}

.card-power-container, .card-power-container-small{
    position: absolute;
    bottom: 15px;
    right: 15px;
    background: #ffda03;
    padding:0px;
    margin: 0;
    width: 70px;
    height: 70px;
    border: 4px solid #fff;
    border-radius: 100%;
    background-image: url(https://cdn.lifeisstrangefans.com/uploads/media/2021/03/fan-points-icon-empty-02-1616893453-509779033-450x450.png);
    background-repeat: no-repeat, repeat;
    background-position: center left;
    background-size: contain;
    z-index: 2;
}

.card-power-container-small{
    width: 60px!important;
    height: 60px!important;
}

.card-cost, .card-cost-small{
    color: #fac800;
    text-shadow: 2px 1px 0px #ed9e00;
    font-size: 1.2em;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0.04em;
    position: absolute;
    top: 29%;
    left: 50%;
    transform: translate(-50%, 0);
}

.card-cost-small{
    font-size: 0.8em!important;
    top: 30%!important;
}

.sold-stamp img{
    display: none;
}

.traded-stamp img{
    display: none;
}
 
.card-main-rear{
    width: 337px;
    height: 596px;
    display: block;
    margin: 0 auto 20px auto;
    border: 6px solid #eee;
    background-color: #f5f5f5;
    background-repeat: no-repeat, repeat;
    background-position: center center;
    background-size: cover;
    padding: 26px;
    border-radius: 45px;
    box-shadow: 3px 3px 20px 0px rgb(0 0 0 / 25%);
    position: relative;
    background: url("https://cdn.lifeisstrangefans.com/uploads/media/2021/12/card-rear-season-1-1639954081-1379455809.jpg");
}

.card-main-rear-s2{
    width: 337px;
    height: 596px;
    display: block;
    margin: 0 auto 20px auto;
    border: 6px solid #eee;
    background-color: #f5f5f5;
    background-repeat: no-repeat, repeat;
    background-position: center center;
    background-size: cover;
    padding: 26px;
    border-radius: 45px;
    box-shadow: 3px 3px 20px 0px rgb(0 0 0 / 25%);
    position: relative;
    background: url("https://cdn.lifeisstrangefans.com/uploads/media/2021/12/card-rear-season-2-1640041672-1870403404.jpg");
}

.card-main-rear-s3{
    width: 337px;
    height: 596px;
    display: block;
    margin: 0 auto 20px auto;
    border: 6px solid #eee;
    background-color: #f5f5f5;
    background-repeat: no-repeat, repeat;
    background-position: center center;
    background-size: cover;
    padding: 26px;
    border-radius: 45px;
    box-shadow: 3px 3px 20px 0px rgb(0 0 0 / 25%);
    position: relative;
    background: url("https://cdn.lifeisstrangefans.com/uploads/media/2021/12/card-rear-season-3-1640041748-1795811322.jpg");
}

.card-main-rear-s4{
    width: 337px;
    height: 596px;
    display: block;
    margin: 0 auto 20px auto;
    border: 6px solid #eee;
    background-color: #f5f5f5;
    background-repeat: no-repeat, repeat;
    background-position: center center;
    background-size: cover;
    padding: 26px;
    border-radius: 45px;
    box-shadow: 3px 3px 20px 0px rgb(0 0 0 / 25%);
    position: relative;
    background: url("https://cdn.lifeisstrangefans.com/uploads/media/2021/12/card-rear-season-4-1640041809-101686496.jpg");
}

.orb-emblem {
    width: 150px;
    position: absolute;
    top: 120px;
    left: 88px;
}

.card-title-rear{
    display: inline-block;
    text-align: center;
    line-height: 1.5em!important;
    font-size: 1.1em;
    font-weight: 600;
    font-family: poppins,sans-serif;
    margin: 0 auto;
    padding: 5px 10px;
    background-color: #fff;
    background: #575666;
    background: linear-gradient(142deg,rgb(76 99 134) 0%,rgb(76 126 146) 47%,rgb(31 38 53) 100%);
    color: #fff;
    border: 0 solid #444;
    border-radius: 50px;
    position: absolute;
    bottom: 250px;
    left: 50%;
    width: 75%;
    transform: translate(-50%,45%);
    box-shadow: 0 0 0 4px hsl(0deg 0% 100%);
    z-index: 2;
}

.card-title-s2-rear {
    display: inline-block;
    text-align: center;
    line-height: 1.5em!important;
    font-size: 1.1em;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin: 0 auto;
    padding: 5px 10px;
    background-color: #fff;
    background: rgb(87,86,102);
    background: linear-gradient(142deg, rgb(148 96 137) 0%, rgb(176 83 183) 47%, rgb(47 25 45) 100%);
    color: #fff;
    border: 0px solid #444;
    border-radius: 50px;
    position: absolute;
    bottom: 250px;
    left: 50%;
    width: 75%;
    transform: translate(-50%, 45%);
    box-shadow: 0 0 0 4px hsl(0deg 0% 100%);
    z-index: 2;
}

.card-title-s3-rear {
    display: inline-block;
    text-align: center;
    line-height: 1.5em!important;
    font-size: 1.1em;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin: 0 auto;
    padding: 5px 10px;
    background-color: #fff;
    background: rgb(87,86,102);
    background: linear-gradient(142deg, rgb(88 64 30) 0%, rgb(162 101 71) 47%, rgb(60 33 11) 100%);
    color: #fff;
    border: 0px solid #444;
    border-radius: 50px;
    position: absolute;
    bottom: 250px;
    left: 50%;
    width: 75%;
    transform: translate(-50%, 45%);
    box-shadow: 0 0 0 4px hsl(0deg 0% 100%);
    z-index: 2;
}

.card-title-s4-rear {
    display: inline-block;
    text-align: center;
    line-height: 1.5em!important;
    font-size: 1.1em;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin: 0 auto;
    padding: 5px 10px;
    background-color: #fff;
    background: rgb(87,86,102);
    background: linear-gradient(142deg, rgb(154 114 149) 0%, rgb(208 97 97) 47%, rgb(86 29 29) 100%);
    color: #fff;
    border: 0px solid #444;
    border-radius: 50px;
    position: absolute;
    bottom: 250px;
    left: 50%;
    width: 75%;
    transform: translate(-50%, 45%);
    box-shadow: 0 0 0 4px hsl(0, 0%, 100%);
    z-index: 2;
}

.card-title-gold-rear, .card-title-rare-rear{
    bottom: 250px!important;
    transform: translate(-50%,45%)!important;
}

.card-title-gold-rear-small, .card-title-rare-rear-small{
    bottom: 200px!important;
    transform: translate(-50%,45%)!important;
}


.card-number-container-rear {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #444;
    background: linear-gradient(142deg, rgb(76 99 134) 0%, rgb(76 126 146) 47%, rgb(31 38 53) 100%);
    padding: 10px;
    width: 70px;
    height: 70px;
    border: 4px solid #fff;
    border-radius: 50px;
    z-index: 1;
}

.card-number-container-s2-rear, .card-number-container-s3-rear, .card-number-container-s4-rear  {
    top: 15px;
    left: 15px;
}

.card-power-container-rear{
    position: absolute;
    bottom: 15px;
    right: 15px;
    background: #ffda03;
    padding: 0px;
    margin: 0;
    width: 70px;
    height: 70px;
    border: 4px solid #fff;
    border-radius: 100%;
    background-image: url(https://cdn.lifeisstrangefans.com/uploads/media/2021/03/fan-points-icon-empty-02-1616893453-509779033-450x450.png);
    background-repeat: no-repeat, repeat;
    background-position: center left;
    background-size: contain;
    z-index: 2;
}

.card-rear-corner-top-right {
    width: 160px;
    position: absolute;
    top: 15px;
    right: 15px;
}

.card-rear-corner-bottom-left {
    width: 160px;
    position: absolute;
    bottom: 8px;
    left: 15px;
}

.card-main-rear-small{
    width: 265px;
    height: 469px;
    display: block;
    margin: 0 auto 20px auto;
    border: 6px solid #eee;
    background-color: #f5f5f5;
    background-repeat: no-repeat, repeat;
    background-position: center center;
    background-size: cover!important;
    padding: 22px;
    border-radius: 40px;
    box-shadow: 3px 3px 20px 0px rgb(0 0 0 / 25%);
    position: relative;
    background: url("https://cdn.lifeisstrangefans.com/uploads/media/2021/12/card-rear-season-1-small-1640030098-1399406025.jpg");
}

.card-main-rear-s2-small{
    width: 265px;
    height: 469px;
    display: block;
    margin: 0 auto 20px auto;
    border: 6px solid #eee;
    background-color: #f5f5f5;
    background-repeat: no-repeat, repeat;
    background-position: center center;
    background-size: cover!important;
    padding: 22px;
    border-radius: 40px;
    box-shadow: 3px 3px 20px 0px rgb(0 0 0 / 25%);
    position: relative;
    background: url("https://cdn.lifeisstrangefans.com/uploads/media/2021/12/card-rear-season-2-small-1640041669-956902737.jpg");
}

.card-main-rear-s3-small{
    width: 265px;
    height: 469px;
    display: block;
    margin: 0 auto 20px auto;
    border: 6px solid #eee;
    background-color: #f5f5f5;
    background-repeat: no-repeat, repeat;
    background-position: center center;
    background-size: cover!important;
    padding: 22px;
    border-radius: 40px;
    box-shadow: 3px 3px 20px 0px rgb(0 0 0 / 25%);
    position: relative;
    background: url("https://cdn.lifeisstrangefans.com/uploads/media/2021/12/card-rear-season-3-small-1640041746-2084123476.jpg");
}

.card-main-rear-s4-small{
    width: 265px;
    height: 469px;
    display: block;
    margin: 0 auto 20px auto;
    border: 6px solid #eee;
    background-color: #f5f5f5;
    background-repeat: no-repeat, repeat;
    background-position: center center;
    background-size: cover!important;
    padding: 22px;
    border-radius: 40px;
    box-shadow: 3px 3px 20px 0px rgb(0 0 0 / 25%);
    position: relative;
    background: url("https://cdn.lifeisstrangefans.com/uploads/media/2021/12/card-rear-season-4-small-1640041806-1974361919.jpg");
}

.orb-emblem-small {
    width: 116px;
    position: absolute;
    top: 93px;
    left: 70px;
}

.card-title-rear-small{
    display: inline-block;
    text-align: center;
    line-height: 1.5em!important;
    font-size: 0.95em;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin: 0 auto;
    padding: 5px 10px;
    background-color: #fff;
    background: rgb(87,86,102);
    background: linear-gradient(142deg, rgb(76 99 134) 0%, rgb(76 126 146) 47%, rgb(31 38 53) 100%);
    color: #fff;
    border: 0px solid #444;
    border-radius: 50px;
    position: absolute;
    bottom: 200px;
    left: 50%;
    width: 75%;
    transform: translate(-50%, 45%);
    box-shadow: 0 0 0 4px hsl(0deg 0% 100%);
    z-index: 2;
}

.card-title-s2-rear-small{
    display: inline-block;
    text-align: center;
    line-height: 1.5em!important;
    font-size: 0.95em;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin: 0 auto;
    padding: 5px 10px;
    background-color: #fff;
    background: rgb(87,86,102);
    background: linear-gradient(142deg, rgb(148 96 137) 0%, rgb(176 83 183) 47%, rgb(47 25 45) 100%);
    color: #fff;
    border: 0px solid #444;
    border-radius: 50px;
    position: absolute;
    bottom: 200px;
    left: 50%;
    width: 75%;
    transform: translate(-50%, 45%);
    box-shadow: 0 0 0 4px hsl(0deg 0% 100%);
    z-index: 2;
}

.card-title-s3-rear-small{
    display: inline-block;
    text-align: center;
    line-height: 1.5em!important;
    font-size: 0.95em;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin: 0 auto;
    padding: 5px 10px;
    background-color: #fff;
    background: rgb(87,86,102);
    background: linear-gradient(142deg, rgb(88 64 30) 0%, rgb(162 101 71) 47%, rgb(60 33 11) 100%);
    color: #fff;
    border: 0px solid #444;
    border-radius: 50px;
    position: absolute;
    bottom: 200px;
    left: 50%;
    width: 75%;
    transform: translate(-50%, 45%);
    box-shadow: 0 0 0 4px hsl(0deg 0% 100%);
    z-index: 2;
}

.card-title-s4-rear-small{
    display: inline-block;
    text-align: center;
    line-height: 1.5em!important;
    font-size: 0.95em;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin: 0 auto;
    padding: 5px 10px;
    background-color: #fff;
    background: rgb(87,86,102);
    background: linear-gradient(142deg, rgb(154 114 149) 0%, rgb(208 97 97) 47%, rgb(86 29 29) 100%);
    color: #fff;
    border: 0px solid #444;
    border-radius: 50px;
    position: absolute;
    bottom: 200px;
    left: 50%;
    width: 75%;
    transform: translate(-50%, 45%);
    box-shadow: 0 0 0 4px hsl(0deg 0% 100%);
    z-index: 2;
}

.card-number-container-rear-small {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #444;
    background: linear-gradient(142deg, rgb(76 99 134) 0%, rgb(76 126 146) 47%, rgb(31 38 53) 100%);
    padding: 10px;
    width: 60px;
    height: 60px;
    border: 4px solid #fff;
    border-radius: 50px;
    z-index: 1;
}

.card-number-container-s2-rear-small {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #444;
    background: linear-gradient(142deg, rgb(148 96 137) 0%, rgb(176 83 183) 47%, rgb(47 25 45) 100%);
    padding: 10px;
    width: 60px;
    height: 60px;
    border: 4px solid #fff;
    border-radius: 50px;
    z-index: 1;
}

.card-number-container-s3-rear-small {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #444;
    background: linear-gradient(142deg, rgb(88 64 30) 0%, rgb(162 101 71) 47%, rgb(60 33 11) 100%);
    padding: 10px;
    width: 60px;
    height: 60px;
    border: 4px solid #fff;
    border-radius: 50px;
    z-index: 1;
}

.card-number-container-s4-rear-small {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #444;
    background: linear-gradient(142deg, rgb(154 114 149) 0%, rgb(208 97 97) 47%, rgb(86 29 29) 100%);
    padding: 10px;
    width: 60px;
    height: 60px;
    border: 4px solid #fff;
    border-radius: 50px;
    z-index: 1;
}

.card-number-container-gold-rear, .card-number-container-rare-rear {
    top: 15px!important;
    left: 15px!important;
}

.card-number-container-gold-rear-small, .card-number-container-rare-rear-small {
    top: 15px!important;
    left: 15px!important;
    width: 60px!important;
    height: 60px!important;
}

.card-power-container-rear-small{
    position: absolute;
    bottom: 15px;
    right: 15px;
    background: #ffda03;
    padding: 0px;
    margin: 0;
    width: 60px;
    height: 60px;
    border: 4px solid #fff;
    border-radius: 100%;
    background-image: url(https://cdn.lifeisstrangefans.com/uploads/media/2021/03/fan-points-icon-empty-02-1616893453-509779033-450x450.png);
    background-repeat: no-repeat, repeat;
    background-position: center left;
    background-size: contain;
    z-index: 2;
}

.card-rear-corner-top-right-small {
    width: 130px;
    position: absolute;
    top: 15px;
    right: 15px;
}

.card-rear-corner-bottom-left-small {
    width: 130px;
    position: absolute;
    bottom: 15px;
    left: 15px;
}

/*Card Variants*/

.red{
    background: linear-gradient(142deg, rgb(239 87 87) 0%, rgb(211 46 19) 75%, rgb(120 5 5) 100%)!important;
}

.green{
    background: linear-gradient(142deg, rgb(95 223 93) 0%, rgb(25 187 23) 75%, rgb(7 104 32) 100%)!important;
}

.blue{
    background: linear-gradient(142deg, rgb(101 137 239) 0%, rgb(23 89 187) 75%, rgb(7 55 104) 100%)!important;
}

.purple{
    background: linear-gradient(142deg, rgb(231 101 239) 0%, rgb(79 23 187) 75%, rgb(58 7 104) 100%)!important;
}

.orange{
    background: linear-gradient(142deg, #ffab60 0%, #e67e22 55%, #d35400 100%)!important;
}

.caulfield-pink{
    background: linear-gradient(142deg, rgb(205 129 142) 0%, rgb(166 84 92) 75%, rgb(188 92 92) 100%)!important;
}

.caulfield-purple{
    background: linear-gradient(142deg, rgb(167 51 196) 0%, rgb(175 60 95) 75%, rgb(96 27 47) 100%)!important;
}

.caulfield-beige{
    background: linear-gradient(142deg, rgb(196 178 154) 0%, rgb(179 165 137) 75%, rgb(153 125 93) 100%)!important;
}

.sunset-peach{
    background: linear-gradient(142deg, rgb(235 124 91) 0%, rgb(229 182 96) 75%, rgb(187 108 34) 100%)!important;
}

.price-blue{
    background: linear-gradient(142deg, rgb(107 158 217) 0%, rgb(93 162 231) 75%, rgb(87 108 161) 100%)!important;
}

.marsh-grey{
    background: linear-gradient(142deg, rgb(157 134 137) 0%, rgb(107 87 100) 75%, rgb(72 51 72) 100%)!important;
}

.marsh-mint{
    background: linear-gradient(142deg, rgb(154 171 165) 0%, rgb(98 131 118) 75%, rgb(81 113 97) 100%)!important;
}

.prescott-brown{
    background: linear-gradient(142deg, rgba(133,81,59,1) 0%, rgba(125,46,33,1) 75%, rgba(54,15,20,1) 100%)!important;
}

.chase-yellow{
    background: linear-gradient(142deg, rgb(239 211 125) 0%, rgb(225 196 74) 75%, rgb(195 149 43) 100%)!important;
}

.graham-green{
    background: linear-gradient(142deg, rgb(143 187 74) 0%, rgb(143 217 97) 75%, rgb(99 151 51) 100%)!important;
}

.jefferson-white{
    background: linear-gradient(142deg, rgb(241 232 232) 0%, rgb(215 207 207) 75%, rgb(213 213 213) 100%)!important;
}

.grant-purple{
    /*background: linear-gradient(142deg, rgb(237 109 209) 0%, rgb(244 87 174) 75%, rgb(137 51 130) 100%)!important;*/
    background: linear-gradient(142deg, rgb(239 89 206) 0%, rgb(177 48 119) 75%, rgb(137 51 130) 100%)!important;
}

.harris-brown{
    background: linear-gradient(142deg, rgb(195 143 137) 0%, rgb(179 101 83) 75%, rgb(145 70 50) 100%)!important;
}

.macready-green{
    background: linear-gradient(142deg, rgb(134 180 126) 0%, rgb(37 43 31) 75%, rgb(37 46 22) 100%)!important;
}

.anniversary {
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2025/01/Card-Anniversary-Variant-1738083513-435510006-1738083513-1477455778.jpg)!important;
}

.anniversary-small {
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2025/01/Card-Anniversary-Variant-Smaller-1738083510-288135597-1738083510-1194976598.jpg)!important;
}

.black{
    border: 6px solid #ffffff61!important;
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/03/card-rear-black-variant-02-1647474933-1410138397.jpg) no-repeat!important;
    background-repeat: no-repeat, repeat!important;
    background-position: center center!important;
    backdrop-filter: blur(5.1px);
    -webkit-backdrop-filter: blur(5.1px);
}

.black:before{
    content: "";
    position: absolute;
    background: inherit;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: -4px;
    border-radius: 45px;
}

.black-small{
    border: 6px solid #ffffff61!important;
    border-radius: 45px!important;
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/02/card-black-small-1645501073-1808148383.jpg) no-repeat!important;
    background-repeat: no-repeat, repeat!important;
    background-position: center center!important;
    backdrop-filter: blur(5.1px);
    -webkit-backdrop-filter: blur(5.1px);
}

.black-small:before{
    content: "";
    position: absolute;
    background: inherit;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: -4px;
    border-radius: 45px;
}

.frosted{
    border: 6px solid #ffffff61!important;
    /*background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/02/card-frosted-glass-1645465730-587895312.jpg) no-repeat!important;*/
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/03/card-frosted-glass-larger-1647475234-1350372998.jpg) no-repeat!important;
    background-repeat: no-repeat, repeat!important;
    background-position: center center!important;
    box-shadow: 0 4px 20px rgb(0 0 0 / 20%)!important;
    backdrop-filter: blur(5.1px);
    -webkit-backdrop-filter: blur(5.1px);
}

.frosted:before{
    content: "";
    position: absolute;
    background: inherit;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: inset 0 0 2000px rgb(255 255 255 / 20%);
    /*filter: blur(50px);
    margin: -4px;*/
    border-radius: 40px;
}

.frosted-small{
    border: 6px solid #ffffff61!important;
    /*background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/02/card-frosted-glass-small-1645501075-1118136075.jpg) no-repeat!important;*/
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/02/card-frosted-glass-05-small-1645546020-872791820.jpg) no-repeat!important;
    background-repeat: no-repeat, repeat!important;
    background-position: center center!important;
    box-shadow: 0 4px 20px rgb(0 0 0 / 20%)!important;
    /*backdrop-filter: blur(5.1px);
    -webkit-backdrop-filter: blur(5.1px);*/
}

.frosted-small:before{
    content: "";
    position: absolute;
    background: inherit;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: inset 0 0 2000px rgb(255 255 255 / 40%);
    /*filter: blur(50px);*/
    margin: -4px;
    border-radius: 35px;
}

.pride{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/03/card-pride-variant-larger-1647475485-933069868.jpg) no-repeat!important;
    border: 6px solid #ffffff61!important;
    background-repeat: no-repeat, repeat!important;
    background-position: center center!important;
    box-shadow: 0 4px 20px rgb(0 0 0 / 10%)!important;
    backdrop-filter: blur(5.1px);
    -webkit-backdrop-filter: blur(5.1px);
}

.pride:before{
    content: "";
    position: absolute;
    background: inherit;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 45px;
}

.pride-small{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/02/card-pride-variant-small-1645500295-259462083.jpg) no-repeat!important;
    border: 6px solid #ffffff61!important;
    background-repeat: no-repeat, repeat!important;
    background-position: center center!important;
    box-shadow: 0 4px 20px rgb(0 0 0 / 10%)!important;
    backdrop-filter: blur(5.1px);
    -webkit-backdrop-filter: blur(5.1px);
}

.pride-small:before{
    content: "";
    position: absolute;
    background: inherit;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 45px;
}

.holographic{
    border: 6px solid #ffffff61!important;
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/03/holographic-bg-1647475830-625931277.gif) no-repeat!important;
    background-repeat: no-repeat, repeat!important;
    background-position: center center!important;
    box-shadow: 0 4px 20px rgb(0 0 0 / 10%)!important;
    backdrop-filter: blur(5.1px);
    -webkit-backdrop-filter: blur(5.1px);
}

.holographic:before{
    content: "";
    position: absolute;
    background: inherit;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*box-shadow: inset 0 0 2000px rgb(255 255 255 / 40%);*/
    filter: blur(10px);
    /*margin: -4px;*/
    border-radius: 45px;
}

.holographic-small{
    border: 6px solid #ffffff61!important;
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/02/holographic-background-variant-small-1645543550-2038521524.gif) no-repeat!important;
    background-repeat: no-repeat, repeat!important;
    background-position: center center!important;
    box-shadow: 0 4px 20px rgb(0 0 0 / 10%)!important;
    backdrop-filter: blur(5.1px);
}

.holographic-small:before{
    content: "";
    position: absolute;
    background: inherit;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: inset 0 0 2000px rgb(255 255 255 / 40%);
    /*margin: -4px;*/
    border-radius: 35px;
}

.valentines{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2023/01/Card-Rear-Valentines-Variant-1673297976-1987163665-1673297976-1955473885.jpg)!important;
    border: 6px solid #810202!important;
    background-repeat: no-repeat, repeat!important;
    background-position: center center!important;
    box-shadow: 0 4px 20px rgb(0 0 0 / 20%)!important;
    backdrop-filter: blur(5.1px);
    -webkit-backdrop-filter: blur(5.1px);
}

.valentines-rear{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2023/01/Card-Rear-Valentines-Variant-1673297976-1987163665-1673297976-1955473885.jpg)!important;
    border: 6px solid #810202!important;
    background-repeat: no-repeat, repeat!important;
    background-position: center center!important;
    box-shadow: 0 4px 20px rgb(0 0 0 / 10%)!important;
}

.valentines-rear:before{
    content: "";
    position: absolute;
    background: inherit;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 85px;
}

.valentines-small{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2023/01/Card-Rear-Valentines-Variant-Small-1673297970-1263318681-1673297970-1735343889.jpg) no-repeat!important;
    border: 6px solid #810202!important;
    background-repeat: no-repeat, repeat!important;
    background-position: center center!important;
    box-shadow: 0 4px 20px rgb(0 0 0 / 10%)!important;
    backdrop-filter: blur(5.1px);
}

.valentines-rear-small{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2023/01/Card-Rear-Valentines-Variant-Small-1673297970-1263318681-1673297970-1735343889.jpg)!important;
    border: 6px solid #810202!important;
    background-repeat: no-repeat, repeat!important;
    background-position: center center!important;
    box-shadow: 0 4px 20px rgb(0 0 0 / 10%)!important;
    backdrop-filter: blur(5.1px);
}

.sparkle:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-repeat: no-repeat;
    opacity: 0.8;
    mix-blend-mode: color-dodge;
    transition: all 0.33s ease;
    opacity: 1;
    background-image: url("https://cdn.lifeisstrangefans.com/uploads/media/2022/02/card-sparkles-1645142312-1773463681.gif"), url(https://cdn.lifeisstrangefans.com/uploads/media/2022/02/card-sparkles-bg-1645142762-676992853.png), linear-gradient(225deg, #ff008450 25%, #fca40040 30%, #ffff0030 40%, #00ff8a20 60%, #00cfff40 70%, #cc4cfa50 85%);
    background-position: 50% 50%;
    background-size: 170%;
    background-blend-mode: color-dodge;
    z-index: 1;
    filter: brightness(1) contrast(1);
    transition: all 0.33s ease;
    mix-blend-mode: color-dodge;
    opacity: .5;
    border-radius: 35px;
}

.red-rear{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/02/card-rear-red-variant-1645472216-1199469951.jpg)!important;
}

.red-rear-small{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/02/card-rear-red-variant-small-1645488507-530003598.jpg)!important;
    background-size: cover!important;
}

.green-rear{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/02/card-rear-green-variant-1645488766-960035988.jpg)!important;
}

.green-rear-small{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/02/card-rear-green-variant-small-1645488763-846848151.jpg)!important;
    background-size: cover!important;
}

.blue-rear{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/02/card-rear-blue-variant-1645488761-1695968463.jpg)!important;
}

.blue-rear-small{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/02/card-rear-blue-variant-small-1645488759-814340792.jpg)!important;
    background-size: cover!important;
}

.purple-rear{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/02/card-rear-purple-variant-1645488776-90705536.jpg)!important;
}

.purple-rear-small{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/02/card-rear-purple-variant-small-1645488773-681605132.jpg)!important;
    background-size: cover!important;
}

.orange-rear{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/02/card-rear-orange-variant-1645488771-1351180548.jpg)!important;
}

.orange-rear-small{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/02/card-rear-orange-variant-small-1645488768-1210087237.jpg)!important;
    background-size: cover!important;
}

.beige-rear{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/06/Card-Rear-Beige-Variant-1655245384-1363988325.jpg)!important;
}

.beige-rear-small{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/06/Card-Rear-Beige-Variant-Small-1655245381-1429324757.jpg)!important;
    background-size: cover!important;
}

.brown-rear{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/06/Card-Rear-Brown-Variant-1655245390-2069540687.jpg)!important;
}

.brown-rear-small{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/06/Card-Rear-Brown-Variant-Small-1655245387-1817883273.jpg)!important;
    background-size: cover!important;
}

.dark-brown-rear{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/06/Card-Rear-Dark-Brown-Variant-1655245396-1852217217.jpg)!important;
}

.dark-brown-rear-small{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/06/Card-Rear-Dark-Brown-Variant-Small-1655245393-599802212.jpg)!important;
    background-size: cover!important;
}

.dark-green-rear{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/06/Card-Rear-Dark-Green-Variant-1655245402-29417472.jpg)!important;
}

.dark-green-rear-small{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/06/Card-Rear-Dark-Green-Variant-Small-1655245399-1539640260.jpg)!important;
    background-size: cover!important;
}

.light-blue-rear{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/06/Card-Rear-Light-Blue-Variant-1655245408-281464120.jpg)!important;
}

.light-blue-rear-small{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/06/Card-Rear-Light-Blue-Variant-Small-1655245405-797669191.jpg)!important;
    background-size: cover!important;
}

.lime-rear{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/06/Card-Rear-Lime-Variant-1655245414-1740699424.jpg)!important;
}

.lime-rear-small{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/06/Card-Rear-Lime-Variant-Small-1655245411-1121998652.jpg)!important;
    background-size: cover!important;
}

.marsh-grey-rear{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/06/Card-Rear-Marsh-Grey-Variant-1655245420-602667856.jpg)!important;
}

.marsh-grey-rear-small{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/06/Card-Rear-Marsh-Grey-Variant-Small-1655245417-1829425390.jpg)!important;
    background-size: cover!important;
}

.mint-rear{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/06/Card-Rear-Mint-Variant-1655245426-568397588.jpg)!important;
}

.mint-rear-small{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/06/Card-Rear-Mint-Variant-Small-1655245423-1261241112.jpg)!important;
    background-size: cover!important;
}

.pink-rear{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/06/Card-Rear-Pink-Variant-1655245432-1270381985.jpg)!important;
}

.pink-rear-small{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/06/Card-Rear-Pink-Variant-Small-1655245429-1738871762.jpg)!important;
    background-size: cover!important;
}

.purple-alt-rear{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/06/Card-Rear-Purple-Alt-Variant-1655247490-52977123.jpg)!important;
}

.purple-alt-rear-small{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/06/Card-Rear-Purple-Alt-Variant-Small-1655247486-1085753239.jpg)!important;
    background-size: cover!important;
}

.sunset-peach-rear{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/06/Card-Rear-Sunset-Peach-Variant-1655245451-356441960.jpg)!important;
}

.sunset-peach-rear-small{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/06/Card-Rear-Sunset-Peach-Variant-1655245451-356441960.jpg)!important;
    background-size: cover!important;
}

.white-rear{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/06/Card-Rear-White-Variant-1655245456-1018279630.jpg)!important;
}

.white-rear-small{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/06/Card-Rear-White-Variant-Small-1655245453-1066882572.jpg)!important;
    background-size: cover!important;
}

.yellow-rear{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/06/Card-Rear-Yellow-Variant-1655245462-1665979269.jpg)!important;
}

.yellow-rear-small{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/06/Card-Rear-Yellow-Variant-Small-1655245459-1292103882.jpg)!important;
    background-size: cover!important;
}

.black-rear{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/03/card-rear-black-variant-02-1647474933-1410138397.jpg)!important;
    border: 6px solid #424242!important;
    background-repeat: no-repeat, repeat!important;
    background-position: center center!important;
    backdrop-filter: blur(5.1px);
}

.black-rear:before{
    content: "";
    position: absolute;
    background: inherit;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: -4px;
    border-radius: 45px;
}

.frosted-rear{
    /*background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/02/card-rear-frosted-glass-variant-1645489120-1483498853.jpg)!important;*/
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/03/card-frosted-glass-larger-1647475234-1350372998.jpg)!important;
    border: 6px solid #ffffff61!important;
    background-repeat: no-repeat, repeat!important;
    background-position: center center!important;
    box-shadow: 0 4px 20px rgb(0 0 0 / 10%)!important;
}

.frosted-rear:before{
    content: "";
    position: absolute;
    background: inherit;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: -4px;
    border-radius: 45px;
}

.black-rear-small{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/02/card-rear-black-variant-small-1645494876-978037601.jpg)!important;
    background-size: cover!important;
    border: 6px solid #424242!important;
    background-repeat: no-repeat, repeat!important;
    background-position: center center!important;
    backdrop-filter: blur(5.1px);
}

.black-rear-small:before{
    content: "";
    position: absolute;
    background: inherit;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: -4px;
    border-radius: 40px;
}

.frosted-rear-small{
    /*background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/02/card-rear-frosted-glass-variant-small-1645489118-446353376.jpg)!important;*/
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/02/card-rear-frosted-glass-variant-03-small-1645546802-1994756896.jpg)!important;
    border: 6px solid #ffffff61!important;
    background-repeat: no-repeat, repeat!important;
    background-position: center center!important;
    box-shadow: 0 4px 20px rgb(0 0 0 / 10%)!important;
    border-radius: 45px!important;
}

.frosted-rear-small:before{
    content: "";
    position: absolute;
    background: inherit;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: -4px;
    border-radius: 40px;
    box-shadow: inset 0 0 2000px rgb(255 255 255 / 40%);
}

.pride-rear{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/03/card-rear-pride-variant-larger-1647475488-736491051.jpg)!important;
    border: 6px solid #ffffff61!important;
    background-repeat: no-repeat, repeat!important;
    background-position: center center!important;
    box-shadow: 0 4px 20px rgb(0 0 0 / 10%)!important;
    backdrop-filter: blur(5.1px);
}

.pride-rear:before{
    content: "";
    position: absolute;
    background: inherit;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 40px;
    box-shadow: inset 0 0 2000px rgb(255 255 255 / 40%);
}

.pride-rear-small{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/02/card-rear-pride-variant-small-1645489123-1295394851.jpg)!important;
    border: 6px solid #ffffff61!important;
    background-repeat: no-repeat, repeat!important;
    background-position: center center!important;
    box-shadow: 0 4px 20px rgb(0 0 0 / 10%)!important;
    backdrop-filter: blur(5.1px);
}

.pride-rear-small:before{
    content: "";
    position: absolute;
    background: inherit;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 35px;
    box-shadow: inset 0 0 2000px rgb(255 255 255 / 40%);
}

.holographic-rear{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/03/card-rear-holographic-variant-larger-1647476084-1928264712.jpg)!important;
    border: 6px solid #ffffff61!important;
    background-repeat: no-repeat, repeat!important;
    background-position: center center!important;
    box-shadow: 0 4px 20px rgb(0 0 0 / 10%)!important;
}

.holographic-rear:before{
    content: "";
    position: absolute;
    background: inherit;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 35px;
    box-shadow: inset 0 0 2000px rgb(255 255 255 / 40%);
}

.holographic-rear-small{
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2022/02/card-rear-holographic-variant-small-1645490026-2005839642.jpg)!important;
    border: 6px solid #ffffff61!important;
    background-repeat: no-repeat, repeat!important;
    background-position: center center!important;
    box-shadow: 0 4px 20px rgb(0 0 0 / 10%)!important;
}

.holographic-rear-small:before {
    content: "";
    position: absolute;
    background: inherit;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 35px;
    box-shadow: inset 0 0 2000px rgb(255 255 255 / 40%);
}

.anniversary-rear {
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2025/01/Card-Rear-Anniversary-Variant-02-1738079389-36755898-1738079389-346625982.jpg)!important;
    border-color: #ffffff!important;
    background-repeat: no-repeat, repeat!important;
    background-position: center center!important;
    box-shadow: 0 4px 20px rgb(0 0 0 / 10%)!important;
}

.anniversary-rear-small {
    background: url(https://cdn.lifeisstrangefans.com/uploads/media/2025/01/Card-Rear-Anniversary-Variant-02-Smaller-1738079704-1008276148-1738079704-574291406.jpg)!important;
    border-color: #ffffff!important;
    background-repeat: no-repeat, repeat!important;
    background-position: center center!important;
    box-shadow: 0 4px 20px rgb(0 0 0 / 10%)!important;
}

.butterfly-icon {
    margin-top: -4px!important;
    width:50px!important;
    opacity: 70%!important;
}

.butterfly-icon-small{
    margin-top: -4px!important;
    width:36px!important;
    opacity: 70%!important;
}

/*Other Gamipress Styling*/

i.far.fa-gem.rare-icon {
    font-size: 0.85em!important;
}

.gamipress-achievement-unlock-with-points-button {
    background: #d35400;
    color: #fff;
    border-radius: 50px;
    padding: 10px 24px;
    font-family: 'Poppins', sans-serif!important;
    font-weight: 400;
    display: block;
    margin: 10px auto;
}   
        
.gamipress-achievement-unlock-with-points-button:hover {
    background: #e67e22;
}           

.gamipress-achievement-unlock-with-points-confirmation, .gamipress-achievement-unlock-with-points-response.gamipress-notice.gamipress-notice-error, .gamipress-achievement-unlock-with-points-response.gamipress-notice.gamipress-notice-success {
    margin: 20px auto;
    width: 100%;
    background: #fff;
    border-radius: 15px;
    padding: 30px 40px;
    font-family: 'Poppins', sans-serif;
    font-size: 1.1em;
    font-weight: 400;
    line-height: 2em;
    text-align: center;
    color: #444;
    box-shadow: 2px 2px 20px 0px rgb(0 0 0 / 10%);
    position: relative;
    z-index: 2;
}

.gamipress-achievement-unlock-with-points-confirm-button {
    color: #fff;
    background: #d35400;
    border-radius: 50px;
    padding: 8px 24px;
}
        
.gamipress-achievement-unlock-with-points-confirm-button:hover {
    background: #e67e22;
}       
        
button.gamipress-achievement-unlock-with-points-cancel-button {
    color: #fff;
    background: #d35400;
    border-radius: 50px;
    padding: 8px 24px;
}
        
button.gamipress-achievement-unlock-with-points-cancel-button:hover {
    background: #e60000;
}

.gamipress-required-achievements {
    list-style: circle;
    padding: 0;
    margin-left: 20px;
}       
        
.gamipress-mark-as-completed-button {
    background: #d35400;
    color: #fff;
    border-radius: 50px;
    padding: 8px 16px;
    margin-top: 10px;
    display: block;
}
        
.gamipress-mark-as-completed-button:hover {
    background: #e67e22;
}       

/* Gamipress Earnings Tables */
        
#gamipress-earnings-pagination {
    display: table;
    margin: 20px auto;
    font-size: 1.1em;
    font-weight: 500;
    color: #54595f;
}

.page-numbers.current {
    padding: 8px;
}

.page-numbers {
    padding: 0 8px;
}

.next.page-numbers {
    background: #d35400;
    color: #fff;
    padding: 4px 16px;
    margin-left: 10px;
    transition: all .3s;
}

.prev.page-numbers {
    background: #d35400;
    color: #fff;
    padding: 4px 16px;
    margin-right: 10px;
    transition: all .3s;
}

.next.page-numbers:hover {
    background: #e67e22;
    color: #fff;
    padding: 4px 16px;
    margin-left: 10px;
}

.prev.page-numbers:hover {
    background: #e67e22;
    color: #fff;
    padding: 4px 16px;
    margin-right: 10px;
}
                
/* Gamipress Notifications */
        
.gamipress-notification {
    background-color: #ffffff;
    max-width: 400px;
    padding: 1rem;
    margin: 35px 25px;
    -webkit-box-shadow: 0 2px 1px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 2px 1px rgba(0,0,0,.1);
    box-shadow: 4px 4px 20px rgb(0 0 0 / 12%);
    border-radius: 15px;
}

.gamipress-notification .gamipress-notification-close {
    font-weight: 600;
    font-size: 24px;
    position: absolute;
    top: 0.5em;
    right: 1.5em;
    color: #555;
}

.gamipress-notification-description.gamipress-notification-achievement-description.gamipress-achievement-image {
    margin: 0 auto;
    display: block;
    width: 80%;
}

.gamipress-notification .gamipress-notification-close:hover {
    color: #777;
}

.gamipress-notification .gamipress-notification-title {
    color: #444444;
    text-align: center;
    padding: 10px 0;
    font-size: 1.6em;
}
        
h2.gamipress-notification-title.gamipress-notification-achievement-title {
    font-size: 20px;
    text-align: center;
    padding: 10px 0;
    color: #444;
}  

h2.gamipress-notification-title.gamipress-notification-points-award-title {
    font-size: 1.5em;
    text-align: center;
}     

.locked-image, .unlocked-image {
    width: 300px;
    margin: 0 auto;
}

.youzify p {
    font-family: 'Poppins', sans-serif!important;
}

.gamipress-progress-bar {
    background-color: #efefef;
    font-family: 'Poppins', sans-serif;
    font-size: 0.8em;
    font-weight: 400;
    height: 22px!important;
    border-top: 3px solid #ccc;
}

.gamipress-progress-bar-completed {
    background: linear-gradient( 
142deg
 , rgb(245 152 72) 0%, rgb(255 138 34) 40%, rgb(239 102 12) 100%);
}       
        
.gamipress-progress-bar-wrapper {
    display: block!important;
    width: 100%!important;
    margin-top: -28px!important;
    margin-left: 36px;
    padding: 6px 0;
}
   
#youzify-members-list .youzify-show-cover .youzify-item-avatar {
    margin: -55px auto 20px;
    border: 3px solid #ccc;
}

#youzify-members-list .youzify-show-cover .youzify-item-avatar {
    margin: -55px auto 20px;
    border: 3px solid #ccc;
}

.member-progress .gamipress-progress-bar {
    background-color: #efefef;
    font-family: 'Poppins', sans-serif;
    font-size: 0.5em;
    font-weight: 400;
    height: 14px!important;
    border-top: 2px solid #ccc;
}
        
.member-progress .gamipress-progress-bar-completed {
    background: linear-gradient(142deg, rgb(245 152 72) 0%, rgb(255 138 34) 40%, rgb(239 102 12) 100%);
    padding-top: 0px;
    min-height: 0.8rem!important;
    max-height: 0.8rem!important;
}       
        
.member-progress .gamipress-progress-bar-wrapper {
    display: block!important;
    width: 100%!important;
    margin-top: -17px!important;
    margin-left: 24px;
    padding: 3px 0;
}       

.profile-rank {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #d35400;
    background: linear-gradient(210deg, rgb(245 152 72) 0%, rgb(255 138 34) 30%, rgb(239 102 12) 100%);
    color: #fff;
    padding: 5px 10px;
    text-align: center;
    font-family: 'Poppins';
    font-weight: 500;
    border-top: 3px solid #ccc;
    border-right: 3px solid #ccc;
    width: 36px;
    height: 36px;
}
        
.profile-rank-small {
    position: absolute;
    left: 0;
    bottom: -1px;
    background: #d35400;
    background: linear-gradient(210deg, rgb(245 152 72) 0%, rgb(255 138 34) 30%, rgb(239 102 12) 100%);
    color: #fff;
    padding: 3px 5px;
    text-align: center;
    font-family: 'Poppins';
    font-weight: 500;
    border-top: 2px solid #ccc;
    border-right: 2px solid #ccc;
    width: 24px;
    height: 24px;
}

.gamipress-transfers-recipient-form-recipient .ui-autocomplete, .gamipress-transfers-achievement-transfer-form-achievement-input .ui-autocomplete, .gamipress-transfers-rank-transfer-form-rank-input .ui-autocomplete {
    position: absolute!important;
    width: 100%;
    margin: 0;
    list-style: none;
    border: 1px solid #aaa;
    background: #fff;
    overflow-y: scroll;
    max-height: 300px;
}

#newest-members, #recently-active-members, #popular-members, #newest-groups, #recently-active-groups, #popular-groups {
    background-color: #d35400!important;
    border-radius: 0!important;
}

#newest-members:hover, #recently-active-members:hover, #popular-members:hover, #newest-groups:hover, #recently-active-groups:hover, #popular-groups:hover {
    background-color: #e67e22!important;
    border-radius: 0!important;
}

.widget_bp_core_members_widget #members-list .vcard .item-avatar a img, .widget_bp_core_whos_online_widget .item-avatar a img {
    border-radius: 0;
    border: 2px solid #ccc;
}

.fa-check:before {
    content: "\f00c";
    padding: 4px!important;
}

i.youzify-big-verified-icon {
    font-size: 14px;
    line-height: 26px;
}

i.youzify-small-verified-icon {
    width: 17px;
    height: 17px;
    font-size: 10px;
    line-height: 16px;
    margin: -5px 2px 0 5px!important;
    background: #d35400!important;
}


/*Dashboard Loops Code*/

.loop-id-title{
    font-size: 1.2em;
    font-weight: 500;
    color: #54595f;
    margin-left: 10px;
}

@media screen and (max-width: 1025px){
    .loop-id-title{
    font-size: 1.3em;
    font-weight: 500;
    color: #54595f;
    margin-left: 0;
    text-align: center;
}
}

.table-heading-mobile{
    display: none;
}

.card-pack-type{
    margin-top: 35px;
    font-size:1.1em;
    font-weight: 500;
    color: #54595f;
}

@media screen and (max-width: 1025px){
.card-pack-type{
    text-align: center;
}
}

.card-pack-type i{
    font-size: 1.2em;
    margin-right: 5px;
}

.card-type{
    margin-top: 5px;
}

.card-pack-qty{
    margin-top: 35px;
    font-size:1.1em;
    font-weight: 500;
    color: #54595f;
}

@media screen and (max-width: 1025px){
.card-pack-qty{
    text-align: center;
}
}

@media screen and (max-width: 1025px){
.card-block-item{
    display: block;
    margin: 0 auto;
    float: none;
}
}

@media screen and (max-width: 1025px){
.card-block{
    display: block;
    margin: 0 auto;
    text-align: center;
}
}

@media screen and (max-width: 1025px){
.card-block-image{
    display: block;
    margin: 10px auto;
    width: 150px!important;
    height: 150px!important;
}
}

@media screen and (max-width: 1025px){
.card-block-image img{
    width: 150px!important;
    height: 150px!important;
}
}

@media screen and (max-width: 1025px){
.table-heading-mobile{
    display: block;
    text-transform: uppercase;
    margin:10px 0;
    padding: 4px 0;
    text-align: center;
    font-size: 1.1em;
    font-weight: 500;
    color: #fff;
    background: #444;
}
}

@media screen and (max-width: 1025px){
.user-points-block {
    font-size: 1.1em;
    font-weight: 500;
    color: #54595f;
    display: block;
    text-align: center;
}
}

.user-points-small{
    font-size: 1.1em;
    font-weight: 500;
    color: #54595f;
    margin-top: 5px;
    margin-left: 5px;
}

.card-pack-status{
    margin-top: 25px;
    font-size: 1.1em;
    font-weight: 500;
    color: #54595f;
    text-align: center;
}

.card-pack-status-icon{
    margin-top: 25px;
    font-size: 1.2em;
    color: #54595f;
    text-align: center;
}

.qty-sold {
    font-size: 1.1em;
    font-weight: 500;
    color: #54595f;
}

@media screen and (max-width: 1025px){
    .qty-sold{
    text-align: center;
    }
}

/*Card Packs Code*/

.rewarded-cards-block{
    display: block;
    margin: 30px 50px;
}

.rewarded-cards-title{
    font-size: 2.3em;
    font-weight: 400;
    color: #54595f;
    text-align: center;
}

.rewarded-cards-item{
    display: flex;
    padding: 5px 10px;
    width: 100%;
    align-items: center;
}

.rewarded-cards-item-img {
    width: 60px;
}

.rewarded-cards-item-img img{
    width: 60px;
    border: 3px solid #ccc;
}

.rewarded-cards-item-title{
    font-size: 1.3em;
    font-weight: 500;
    color: #54595f;
    margin-top: -3px;
    margin-left: 10px;
}


/*Environs Code*/

.room-bg{
    position: relative;
    display: block;
    z-index: 0;
}

#room-layer-01 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

#room-layer-02 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}

#room-layer-03 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
}

#room-layer-04 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 4;
}

#room-layer-05 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
}

#room-layer-06 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 6;
}

#room-layer-07 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 7;
}

#room-layer-08 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 8;
}

#room-layer-09 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
}

#room-layer-10 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
}

#room-layer-11 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 11;
}

#room-layer-12 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 12;
}

#room-layer-13 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 13;
}

#room-layer-14 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 14;
}

#room-layer-15 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 15;
}

#room-layer-16 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 16;
}

#room-layer-17 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 17;
}

#room-layer-18 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 18;
}

#room-layer-19 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 19;
}

#room-layer-20 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 20;
}

#room-layer-21 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 21;
}

#room-layer-22 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 22;
}

#room-layer-23 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 23;
}

#room-layer-24 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 24;
}

#room-layer-25 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 25;
}

#room-layer-26 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 26;
}

#room-layer-27 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 27;
}

#room-layer-28 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 28;
}

#room-layer-29 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 29;
}

#room-layer-30 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 30;
}

#room-layer-31 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 31;
}

#room-layer-32 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 32;
}

#room-layer-33 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 33;
}

#room-layer-34 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 34;
}

#room-layer-35 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 35;
}

#room-layer-36 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 36;
}

#room-layer-37 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 37;
}

#room-layer-38 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 38;
}

#room-layer-39 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 39;
}

#room-layer-40 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 40;
}

#room-layer-41 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 41;
}
#room-layer-42 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 42;
}
#room-layer-43 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 43;
}
#room-layer-44 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 44;
}
#room-layer-45 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 45;
}

#room-layer-46 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 46;
}

#room-layer-47 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 47;
}

#room-layer-48 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 48;
}

#room-layer-49 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 49;
}

#room-layer-50 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 50;
}

.requirements-header-main{
    background: #444;
    color: #fff;
    padding: 10px;
    text-align: center;
    font-size: 1.1em;
}

.requirements-header-main i{
    align-self: center;
    margin-right: 8px;
    font-size: 1.1em;
}

.requirements-block {
    display: block;
    flex-direction: row;
    padding: 20px 30px;
    margin: 20px 0;
    background: #eee;
    border: 2px solid #d4d4d4;
}

.requirements-header{
    display: flex;
    padding: 10px;
}

.requirements-image{
    width: 60px;
}

.requirements-image img{
    border: 3px solid #ccc;
}

.requirements-title{
    margin-left: 15px;
    align-self: center;
    font-weight: 500;
    font-size: 1.1em;
}

.requirements-title a{
    color: #444;
    transition: all .3s;
}

.requirements-title a:hover{
    color: #e67e22;
}

.requirements-main {
    width: 100%;
    font-size: 1.1em;
    font-weight: 500;
    color: #54595f;
    padding: 10px;
}

.spacer {
    height: 20px;
}

.lock-status{
    text-align: center;
    margin-top: 20px;
    color: #54595f;
    line-height: 1.6em;
}

.status-title{
    font-weight: 600;
}

.lock-status-message {
    font-style: italic;
}

.all-unlocked-msg {
    margin-top: 20px;
    padding: 0 10px;
    text-align: center;
    font-size: 1.2em;
    font-weight: 500;
    line-height: 1.8em;
    color: #54595f;
}

.prop-stats{
    display: flex;
    flex-direction: column;
    background: #444;
    color: #fff;
}

.available-props{
    float: left;
    width: 75%;
    border-top: 2px solid #333;
    border-left: 2px solid #333;
    border-bottom: 2px solid #333;
    border-right: 2px solid #333;
    padding: 10px;
    text-align: center;
}

.available-props-count{
    float: right;
    width: 25%;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    padding: 10px;
    text-align: center;
}

.unlocked-props{
    float: left;
    width: 75%;
    border-left: 2px solid #333;
    border-bottom: 2px solid #333;
    border-right: 2px solid #333;
    padding: 10px;
    text-align: center;
}

.unlocked-props-count{
    float: right;
    width: 25%;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    padding: 10px;
    text-align: center;
}


/*Props Code*/

.prop-image {
    width: 300px;
    margin: 0 auto;
}

.prop-image img {
    border: 4px solid #ccc;
}


/*Youzify Settings Page Code*/

.youzify-head-buttons .youzify-button-item a {
    background: #d35400;
} 

.youzify-head-buttons .youzify-button-item a:hover {
    background: #e67e22;
} 
 
.youzify-account-settings-menu .youzify-menu-icon i {
    background: #d35400!important;
}

input.cmn-toggle-round-flat:checked+label {
    background-color: #999;
}

input.cmn-toggle-round-flat:checked+label:after {
    background-color: #999;
}

#youzify-export-data .youzify-section-content h2, .uk-option-item .option-content label {
    color: #d35400;
    font-size: 13px;
    font-weight: 600;
}

#youzify .uk-option-item .option-infos label {
    color: #777;
}

.youzify-settings-sidebar .youzify-account-menus .youzify-active-menu {
    color: #777;
}

.youzify-settings-sidebar .youzify-account-menus ul li a:hover {
    color: #666;
}

.youzify .editfield label .field-visibility-text:before {
    background: #d35400!important;
}

.field-visibility-settings-close {
    background: #d35400!important;
}

.field-visibility-settings-close:hover {
    background: #e67e22!important;
}

.visibility-toggle-link {
    background: #d35400!important;
}

.visibility-toggle-link:hover {
    background: #e67e22!important;
}

#youzify .youzify-user-actions .youzify-send-message, #youzify .youzify-user-actions .yzmd-second-btn {
    display: none;
}

.youzify-user-statistics .youzify-data-item:nth-child(1) span, .youzify-user-statistics .youzify-data-item:nth-child(2) span, .youzify-user-statistics .youzify-data-item:nth-child(3) span {
    background-color: #d35400!important;
}

.youzify .activity-inner, .youzify .youzify-activity-embed {
    line-height: 56px;
}

.youzify .activity-content img {
    height: 100%;
    display: block;
    max-width: 100%;
    margin-right: 10px;
}


/*ACF Frontend Form Code*/

.acf-notice .acf-notice-dismiss {
    border: none;
    font-size: 1.5em;
    cursor: pointer;
}

.acf-gallery .acf-gallery-attachment {
    width: 150px!important;
}

.select2-dropdown {
    top: 35px;
}

.acf-icon.-cancel.close {
    border: none!important;
      background-color: transparent!important;
      color: #444!important;
}

.acf-icon.-cancel.close:hover {
      color: #555!important;
}

.acf-button, .acf-button:hover {
    padding: 5px 25px;
    display: block;
    margin: 10px auto;
}

.sbt-card-block{
    margin: 30px 0 20px 0;
    text-align: center;
    font-size: 1.2em;
    line-height: 1.6em;
    color: #54595f;
}

.sbt-card-points-msg{
    margin: 0 0 30px 0;
    text-align: center;
    font-size: 1em;
    line-height: 1.8em;
    color: #54595f;
}

.acf-icon.-pencil.small{
    display: none!important;
}

.acf-relationship .selection .values .acf-rel-item.disabled {
    display: none!important;
}

.acf-image-select label input {
    display: none;
}

.acf-image-select label img {
    border: solid 6px #ddd;
}
.acf-image-select label.selected img {
    border: solid 6px #999;
}

.acf-image-select label.selected img {
    border: solid 6px #d35400;
}

.acf-image-select label img {
    border: solid 6px #ccc;
    width: 330px;
    cursor: pointer;
    transition: all .1s;
}

.acf-image-select label p {
    margin: 10px;
    font-size: 1.2em;
    font-weight: 600;
    color: #444;
    text-align: center;
    line-height: 1.3em;
}

.acf-image-select label img:hover {
    border: solid 6px #999;
    cursor: pointer;
}

.acf-switch.-on {
    background: #d35400!important;
    border-color: #e67e22!important;
}

.acf-switch .acf-switch-on {
    color: #fff;
    text-shadow: #d35400 0 1px 0!important;
}

.acf-switch.-on .acf-switch-slider {
    border-color: #e67e22!important;
}

.acf-switch:hover{
    border-color: #e67e22!important;
}

input.fea-submit-button.acf-button.button.button-primary {
    --wp-dark-mode-bg: #d35400;
}

input.fea-submit-button.acf-button.button.button-primary:hover {
    --wp-dark-mode-bg: #e67e22;
}

.select2-container--default .select2-selection--multiple {
    overflow: hidden;
}

/* ACF Form Modal Code */

.modal2, .modal3, .modal4, .modal5, .modalMusic, .modalVideo, .modalEarners, .modalSellers {
    display: none;
    position: fixed;
    z-index: 999;
    padding-top: 200px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
    animation: fadeIn ease 0.5s;
    -webkit-animation: fadeIn ease 0.5s;
    -moz-animation: fadeIn ease 0.5s;
    -o-animation: fadeIn ease 0.5s;
    -ms-animation: fadeIn ease 0.5s;
}

@media screen and (max-width: 812px){
.modal2, .modal3, .modal4, .modal5 .modalMusic, .modalVideo, .modalEarners, .modalSellers {
    padding-top: 100px; 
}
}

.modal-window-2, .modal-window-3, .modal-window-4, .modal-window-5, .modal-window-music, .modal-window-video, .modal-window-earners, .modal-window-sellers {
    background-color: #fefefe;
    margin: auto;
    padding: 10px 20px 20px 20px;
    border: none;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    width: 40%;
    height: auto;
    max-height: 420px;
    overflow: auto;
}

@media screen and (max-width: 812px){
.modal-window-2, .modal-window-3, .modal-window-4, .modal-window-5, .modal-window-music, .modal-window-video, .modal-window-earners, .modal-window-sellers {
    width: 80%;
    height: auto;
    max-height: 260px;
}
}

@media screen and (max-width: 414px){
.modal-window-2, .modal-window-3, .modal-window-4, .modal-window-5, .modal-window-music, .modal-window-video, .modal-window-earners .modal-window-sellers {
    width: 80%;
    height: auto;
    max-height: 520px;
}
}

.close-2, .close-3, .close-4, .close-5, .close-music, .close-video, .close-earners, .close-sellers {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close-2:hover, .close-2:focus, .close-3:hover, .close-3:focus, .close-4:hover, .close-4:focus, .close-5:hover, .close-5:focus, .close-music:hover, .close-music:focus, .close-video:hover, .close-video:focus, .close-earners:hover, .close-earners:focus, .close-sellers:hover, .close-sellers:focus {
    color: #666;
    text-decoration: none;
    cursor: pointer;
}

.acf-icon.-cancel.close {
    border-radius: 0;
    padding: 4px;
    z-index: 999;
}

.acf-icon.-cancel.close {
    border-radius: 0;
    font-size: 28px;
    top: 15px;
    right: 15px;
}

.close-modal {
    color: #444!important;
    border: none!important;
    font-size: 1.2em!important;
    top: 8px!important;
    right: 5px!important;
    z-index: 1;
}

.close-modal:hover{
    color: #555;
    cursor: pointer;
}       
        
@keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
    }
}

@media screen and (max-width: 812px){
.acf-relationship .selection .values, .acf-relationship .selection .choices {
    width: 100%;
    background: #fff;
    float: left;
}
}
        
@media screen and (max-width: 812px){
.values {
    padding: 10px 0;
    border-top: solid 3px #e5e5e5;
}
}
        
@media screen and (max-width: 812px){
.choices {
    padding: 10px 0;
    border-bottom: solid 3px #e5e5e5;
}
}

/*Gamipress Code*/

.gamipress-points-type-image {
    float: left;
}

.gamipress-points-deduct .gamipress-points-type-description {
    margin-top: 10px;
    float: left;
}

.gamipress-email-settings-header-setting {
    text-align: left!important;
    padding: 0 50px!important;
    text-transform: uppercase!important;
    font-size: 1em!important;
}

.gamipress-email-settings-column-setting {
    text-transform: capitalize;
    font-size: 0.95em!important;
    letter-spacing: 0.01em;
    font-family: 'Poppins';
    text-align: left;
      color: #54595f!important;
    padding: 20px 50px!important;
}

.youzify input[type=radio]{
    width: 14px;
    height: 14px;
}

.youzify input[type=radio]:hover{
    cursor: pointer;
}

.gamipress-email-settings-radio {
    background: #f7f7f7!important;
    padding: 4px;
    border-radius: 0;
        box-shadow: inset 0 0 0px 2px rgb(35 33 45 / 25%), 0 0 0 1px rgb(185 185 185 / 30%);
    position: relative;
    width: 22px;
    height: 22px;
    margin-left: 24px;
}

.gamipress-email-settings-radio input {
    width: auto;
    height: 100%;
    appearance: none;
    outline: none;
    cursor: pointer
    padding: 4px 8px;
    background: #bbb!important;
    color: #bdbdbdbd;
    font-size: 14px!important;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    transition: all 100ms linear;
    border-radius: 0;
}

.gamipress-email-settings-radio input:checked {
    background-image: linear-gradient(
180deg, #e67e22, #d35400)!important;
    color: #fff!important;
    box-shadow: 0 1px 1px #0000002e;
    text-shadow: 0 1px 0px #79485f7a;
    border-radius: 0;
}

.gamipress-email-settings-radio input:before {
    content: attr(label);
    display: inline-block;
    text-align: center;
    width: 100%;
}

#gamipress-email-settings-achievement_types_xbox-achievements, #gamipress-email-settings-achievement_types_playstation-trophies, #gamipress-email-settings-achievement_types_steam-achievements, #gamipress-email-settings-rank_types{
    display: none;
}

button.youzify-save-options {
    text-transform: uppercase;
    font-weight: 500!important;
    font-family: 'Poppins'!important;
}

button.youzify-save-options:hover {
    background: #e67e22!important;
}

/*Card Pack Reveals Code*/
.flip-card-container {
  width: 265px;
  height: 477px;
  display: block;
    margin: 0 auto;
  perspective: 1000px;
}

.flip-card {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform .7s;
  transform-style: preserve-3d;
}

.flip-card-container.flip .flip-card{
    transform: rotateY(180deg);
    cursor: pointer;
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotateX(0deg);
}

.flip-card-back {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  transform: rotateX(0deg);
  transform: rotateY(180deg);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibilty: hidden;
  backface-visibility: hidden;
}

@media screen and (min-width:1025px){
.flip-card-frame {
  position: absolute;
  width: 100%;
  height: 470px;
  z-index:1;
  margin-top: -5px;
  border-radius: 40px;
  transform: rotateY(180deg);
  z-index: 10;
}
}


@media screen and (max-width:1024px){
.flip-card-frame {
  position: absolute;
  width: 100%;
  height: 470px;
  z-index:1;
  margin-top: -5px;
  border-radius: 40px;
  transform: rotateX(0deg);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  z-index: 10;
}
}

.flip-card-frame.glow {
  box-shadow: 0px 0px 40px 0px #d35400;
}

.flip-card-frame.hide{
    display: none;
}

.duplicate-number {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    width: 43px;
    height: 43px;
    color: #fff;
    background: #444;
    padding: 7px 10px;
    border: 3px solid#fff;
    border-radius: 100%;
    vertical-align: middle;
    text-align: center;
    font-size: 1em;
    font-weight: 500;
    box-shadow: 1px 1px 10px 0 rgb(0 0 0 / 30%);
}

.reveal-btn{
    background: #444;
    border: none;
    color: #fff;
    font-size: 1.1em;
    padding: 10px 15px;
    padding: 8px 32px;
    position: absolute;
    bottom: -50px;
    left: 110px;
    left: 55px;
    border-radius: 100%;
    border-radius: 50px;
    transition: all .3s;
}
.reveal-btn:hover, .reveal-btn:focus{
    background: #333;
    border: none;
    color: #fff;
    font-size: 1.1em;
    padding: 10px 15px;
    padding: 8px 32px;
}

.reveal-btn-hide{
    display: none;
}

.reveal-btn i{
    margin-right: 10px;
}

.flip-btn{
    background: #444;
    border: none;
    color: #fff;
    font-size: 1em;
    padding: 10px 14px;
    position: absolute;
    bottom: -50px;
    left: 80px;
    border-radius: 100%;
}

.flip-btn.show{
    display: block!important;
    background: #444;
    border: none;
    color: #fff;
    font-size: 1em;
    padding: 10px 14px;
    position: absolute;
    bottom: -50px;
    left: 80px;
    border-radius: 100%;
}

.flip-btn-disabled{
    background: #444;
    border: none;
    color: #fff;
    font-size: 1em;
    padding: 10px 14px;
    position: absolute;
    bottom: -50px;
    left: 80px;
    border-radius: 100%;
    opacity: .4;
    pointer-events: none;
}

.flip-btn:hover, .flip-btn:focus{
    background: #333;
    border: none;
    color: #fff;
    font-size: 1em;
    padding: 10px 14px;
}

.flip-btn.show:hover, .flip-btn.show:focus{
    background: #333;
    border: none;
    color: #fff;
    font-size: 1em;
    padding: 10px 14px;
}

.info-btn{
    background: #444;
    border: none;
    color: #fff;
    font-size: 1em;
    padding: 10px 20px;
    position: absolute;
    bottom: -50px;
    right: 80px;
    border-radius: 100%;
}

.info-btn.show{
    display: block!important;
    background: #444;
    border: none;
    color: #fff;
    font-size: 1em;
    padding: 10px 20px;
    position: absolute;
    bottom: -50px;
    right: 80px;
    border-radius: 100%;
}

.info-btn:hover, .info-btn:focus{
    background: #333;
    border: none;
    color: #fff;
    font-size: 1em;
    padding: 10px 20px;
}

.info-btn.show:hover, .info-btn.show:focus{
    background: #333;
    border: none;
    color: #fff;
    font-size: 1em;
    padding: 10px 20px;
}

.card-info{
    margin-top: -20px;
    width: 350px;
    height: 0px;
    background: #d5d5d5;
    padding: 0;
    background: #fff;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    display: block;
    overflow: hidden;
    transform-origin: bottom;
    transition: all .6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    transition-delay: .1s;
}

.card-info.show{
    margin-top: -20px;
    width: 300px;
    height: 500px;
    padding: 0px;
    background: #fff;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    box-shadow: 0 4px 20px rgb(0 0 0 / 10%)!important;
    display: block;
}

.card-info-header{
    background: #d35400;
    color: #fff;
    padding: 10px 6px 3px 20px;
    display: flex;
    align-items: center;
}

.card-info-header-text{
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    margin-right: 5px;
}

.card-info-image{
    width: 20%;
    display: block;
}

.card-info-image img {
    border: 2px solid #ccc;
    border-radius: 4px;
    width: 50px;
}

.card-info-stats{
    padding: 20px;
}

.card-info-title{
    font-size: 0.85em;
    font-weight: 500;
    color: #d35400;
}

.card-info-title.off, .card-info-stat.off{
    display: none;
}

.card-info-stat{
    color: #54595f;
    font-size: 1.1em;
    margin-bottom: 10px;
}

.card-info-stat a{
    color: #54595f;
}

.card-info-stat a:hover{
    color: #333;
}

.card-stats-msg {
    padding: 150px 20px;
    text-align: center;
    font-size: 1.2em;
    font-weight: 500;
    line-height: 2em;
    color: #54595f;
}

.new-card.hide{
    display: none;
}

.new-card{
    text-align: center;
    font-size: 1.2em;
    font-size: 1em;
    padding: 5px 0;
    z-index: 1;
    position: absolute;
    top: -90px;
    background: none;
    background: #555;
    color: #555;
    width: 100%;
    display:block;
    border-radius: 50px;
    box-shadow: 3px 2px 6px 0px #cdcdcd;
    animation: fadeIn 1s;
  -webkit-animation: fadeIn 1s;
  -moz-animation: fadeIn 1s;
  -o-animation: fadeIn 1s;
  -ms-animation: fadeIn 1s;
}

@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@media screen and (max-width: 414px){
.new-card{
    text-align: center;
    font-size: 1.1em;
    font-size: 1em;
    padding: 5px 0;
    z-index: 1;
    position: absolute;
    top: -50px;
    background: none;
    background: #555;
    color: #555;
    width: 100%;
    display:block;
    display:block;
    border-radius: 50px;
    box-shadow: 3px 2px 6px 0px #cdcdcd;
    animation: fadeIn 1s;
  -webkit-animation: fadeIn 1s;
  -moz-animation: fadeIn 1s;
  -o-animation: fadeIn 1s;
  -ms-animation: fadeIn 1s;
}
}

.new-card span {
  position: relative;
  display: inline-block;
  font-size: 1.2em;
  font-weight: 600;
  font-style: normal;
  color: #555;
  color: #fff;
  text-transform: uppercase;
  animation: flip 1.8s;
  animation-delay: calc(.1s * var(--i));
}
@keyframes flip {
  20%,80% {
    transform: rotateY(360deg); 
  }
}