#thumbsUL li img,#thumbsUL li {opacity:0;}
#hometext {min-height: 600px;}
h3 {margin:0;}



.pipsi-ul {list-style: none}
.pipsi-ul li::before {content: '•'; color: royalblue; display: inline-block; width: 1em; margin-left: -1em;font-weight:900}

#mlevel {display:flex;gap:10px; flex-wrap:wrap; align-items:center;margin: 0 auto 2em auto; }
.m-level,.donate {padding:8px;font-size:1em}

#variant_id {
	border-radius: 16px;
	padding: 0.25em 0.9em 0.3em 0.9em;
	border: 1px #aaa solid;
}

.donate {
position: relative;
font-weight: bold;
font-family:Arial;
text-shadow: 1px 2px 2px rgba(0,0,0);
padding: 0.25em 0.9em 0.3em 0.9em;
text-decoration: none;
color: #fff;
border: 1px solid #f79c2f;
border-radius:16px;
box-shadow: 0 3px 6px  rgba(0,0,0,0.6);
overflow: hidden;
cursor:pointer;
}

#defaultID .donate {letter-spacing: 1px;}
#shopPage .donate {letter-spacing: normal}

.donate:before,.donate:after, .secondary:before,.secondary:after {
content: '';
display: block;
position: absolute;
}

.donate {
background: linear-gradient(
to bottom, #f79c2f 2%, #f6c34d 60%, #f79c2f 100%);

}
.donate:after, .secondary:after {
width: 85%;
height: 40%;
top: 7.5%;
left: 7.5%;
background: linear-gradient(
to top, rgba(255,255,255,0), 
rgba(255,255,255, 0.7));
border-radius: 10pc;

}

.donate:after:hover, .secondary:after:hover{
height: 45%;
top: 1.5%;
background: linear-gradient(
to top, rgba(255,255,255,0), 
rgba(255,255,255, 1));

}

.donate:hover,.donate:focus {
position:relative;
/*padding: 0.20em 0.85em 0.25em 0.85em;	*/
background: linear-gradient(to bottom, #f6c34d 0%, #ffa71d 50%, #f6c34d 100%);
border-color: #f67446;
box-shadow: rgba(0, 0, 9, 0.75) 1px 2px 5px 0px;
}

.secondary {
font-weight: bold;
font-family:Arial;
font-size: 1em;	
border-color: #395c80;
background-color:rgba(0,97,216,0.75);
background-image:-webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(0,97,216,0.75)), to(rgba(0,53,117,0.3)));
background-image:-moz-linear-gradient(top,bottom,from(rgba(0,97,216,0.75)), to(rgba(0,53,117,0.3)));
-khtml-box-shadow: rgba(160, 170, 179, 0.75) 0px 4px 8px 0px;
-moz-box-shadow: rgba(160, 170, 179, 0.75) 0px 4px 8px 0px;
box-shadow: rgba(160, 170, 179, 0.75) 0px 4px 8px 0px;

border-color: #6a7482;
background-color: #90a9cb;
background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(0,97,216,0.75)), to(rgba(0,53,117,0.3)));
box-shadow: 0 3px 6px  rgba(0,0,0,0.6);
position: relative;
display: inline-block;
padding: 0.25em 0.9em 0.3em 0.9em;
text-align: center;
cursor: pointer;
border: 1px solid #6a7482;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-opera-border-radius: 16px;
-khtml-border-radius: 16px;
border-radius: 16px;
color: #fff;
text-shadow: 1px 2px 2px rgba(0,0,0);
}

.secondary:hover {
background-color: #4886b1;
background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#053970), to(#4886b1));
background-image: -moz-linear-gradient(top,bottom,from(rgba(96,129,163,1)), to(rgba(140,179,206,1)));
}