/*defaults*/
:root{
	--membercard-bg:rgb(110,50,25);
	--membercard-bg:rgb(10,50,25);
	--membercard-textdata:#FFFFFF;
	--membercard-labels:#C4B4A4;
	--membercard-logo:#FFFFFF;
}
.bbcw-membercard-logo{
	fill:var(--membercard-logo);
	width:95px;
}
.memcard-admin-preview{
    max-width: 376px;
    min-height:462px;
}
.membercard{
	display: flex;
    flex-direction: column;
    
	padding: 1rem;
    border-radius: 0.5rem;

    color:var(--membercard-textdata);

    p{
    	font-size:inherit;
    	margin:0;
    }

    &.card-front{
    	background-color: var(--membercard-bg);
    	font-size:1.5rem;
    	gap: 2rem;
    }
    &.card-back{
    	--membercard-logo: var(--membercard-bg);
    	background-color: white;
    	color:black;

    }

}
.sj-flex{
	display:flex;
	justify-content: space-between;
}
p.membercard-label{
	color:var(--membercard-labels);
	text-transform: uppercase;
	font-size:1.1rem;
	font-weight: 500;
}
p.membercard-prelist{
	font-size:1rem;
	font-style:italic;
}

ul.perks-list{
	li{
		font-size:.9rem;
		margin:0 0rem 1.1rem 0rem;
		color:#312c2c;
		&:before{
			content:"👉";
			content: "⤜⮞";
            padding-right: .5rem;
            letter-spacing: -4.3px;
            opacity: 0.5;
            line-height: 1.5;

		}
	}
}

.membercard-contact{
	text-align: center;
    font-size: 0.75rem;
}


.mw-logo,.roam-logo{
	max-width:80px;
}