 /*//////////////// Black theme //////////////*/

span.bold {  
    color: #fac409;     /*scheme*/
    
    font-weight: bold;
	letter-spacing:2px;
}

span.boldUnderHeader { 
     color: #faedc5;      /* scheme */
    
    font-weight: bold;
	letter-spacing:2px;
}




#icons { 
          
    border: none; 
  
	color: #faedc5 !important;
    text-align:center;
    font-size:1rem !important;	
	font-family: 'Noto Sans', sans-serif;
	display:inline-block;
    padding: 13px 0 17px 0;	
    position: relative;
}


#sharebutton, #continuebutton, #meditationbutton { 
    border:1px solid #faedc5 !important;  /* scheme */
    color: #faedc5 !important;
    left: 50%;
    transform:translateX(-50%); 
    z-index:16;
    position:absolute;  
    display: inline-block;
    background: rgba(51, 27, 74, 0.9);
    padding: 5px 10px;
    text-align:center;
    font-size:1rem !important;	
	font-family: 'Noto Sans', sans-serif;
    border-radius:17px;
    -webkit-box-shadow: 1px 6px 25px 4px rgba(0,0,0,0.8);
-moz-box-shadow: 1px 6px 25px 4px rgba(0,0,0,0.8);
box-shadow: 1px 6px 37px 4px rgba(0,0,0,0.8);
    
}
#meditationbutton, #continuebutton {
    font-size:1.2rem !important;
    padding-top: 2px !important;

}



#pageMeditation {    /* scheme */

 -webkit-mask-image: linear-gradient(180deg, transparent 5%, rgba(0, 0, 0, 1) 29%, rgba(0, 0, 0, 1) 74%, transparent 95%);
mask-image: linear-gradient(180deg, transparent 5%, rgba(0, 0, 0, 1) 29%, rgba(0, 0, 0, 1) 74%, transparent 95%);

    color: #faedc5 !important;
    text-shadow: 2px 2px 2px #000000 !important;
    background: none !important;
    
    font-size:1.2rem;
    line-height: 2.1rem;
	font-weight: normal;
    font-family: 'Noto SansLT2', sans-serif;
    z-index: 16 !important;
    overflow-y: scroll;
    padding-top:5%;
    padding-left:5%;
    padding-right:5%; 
    left: 0; 
    right: 0; 
    margin: auto;
    margin-left: auto; 
    margin-right: auto; 
    max-width: 600px !important;
    align-items: center;
    text-align:center;
    z-index:13;
    position: absolute;
    display: flex; 
  
}

.applink {
    
  font-size: 0.8em;
  color: #faedc5 !important;
   
}




#pageAbout, #pagePrinted, #pageCards, #prop { 
    color: #faedc5 !important;
    background: none !important;	
   
}



#pageOpacity, #pageOpacity2 {    
    background: rgba(0,0,0, 0.7);    /* scheme */ 
   -webkit-box-shadow: inset -2px 18px 48px 14px rgba(0,0,0,1);       /* scheme */ 
   -moz-box-shadow: inset -2px 18px 48px 14px rgba(0,0,0,1);          /* scheme */ 
    box-shadow: inset -2px 18px 48px 14px rgba(0,0,0,1);          /* scheme */ 
    
    display:none;
    overflow: hidden;
    width:100%; 
    position: absolute;
}

.under {
    
   
    color: #faedc5 !important;
    text-shadow: 2px 2px 1px #000000 !important;
    
  
}

#goddessdd2{
    color: #faedc5 !important;
}

.middot {
  
    color:#fdc416 !important;  
}

.header {     /* scheme */ 
    color:#fdc416 !important;  
     
   margin-top:15px;
    font-size:2rem;
   font-family: 'Noto Serif';
   line-height: 1em; 
   text-shadow: inherit; 
}

span.bold {  /*scheme */
   color: #fdc416;
   text-shadow: inherit; 

   font-weight: inherit;
   letter-spacing:2px;
}


#pageMeditationSpan {
  
   color: #fdc416 !important;
   text-shadow: inherit; 
   font-weight: inherit;
}

.header2 {
    text-shadow: 1px 1px 1px #000000 !important;
    color: #fdc416 !important;
    font-weight: bold;
  
}

.subscription-option {
  
    color: #faedc5 !important;
}

.subscription-option input[type="radio"]:checked + label {
    border: 1px solid  rgb(180, 106, 248) !important; 
    background: rgb(112, 57, 163); 
   
    color: #faedc5 !important;
  
}

#submit2 .header2{
    text-shadow: 1px 1px 1px #000000 !important;
    color: #fdc416 !important;
    font-weight: bold;
}

#submit a,
#submit2 a {
    color: #4a95c8 !important;
}
#showcode a {
    color: #4a95c8 !important;
}

#showcode {
    color: #faedc5 !important;
}
.expand {
   text-shadow: 2px 2px 1px #000000 !important;
   color: #fdc416 !important;
   font-weight: inherit;
 
}
.message {
    text-shadow: 1px 1px 1px #000000 !important;
   color: #fdc416 !important;
   font-weight: inherit;
}
.smt {
    text-shadow: inherit; 
   color: #fdc416 !important;
   font-weight: inherit;
 
}
#pmark1,
#pmark2,
#pmark3,
#pmark4,
#pmark5,
#pmark6,
#pmark7 {
    text-shadow: inherit; 
   color: #fdc416 !important;
   font-weight: inherit;
  
}
@media (max-width: 400px) {
   #pageMeditationSpan {    
       color: #fdc416 !important; 
       text-shadow:none !important;   
       font-weight: inherit;  
   }
}

.linkextra {   
    color:aliceblue !important; /* scheme */ 
    text-decoration: none;      
}

.secret {    
    color: #faedc5 !important;
    font-weight: normal !important;   
}

#HiddenControl2, #dateDisplay, #form {
    
    color: #faedc5 !important; 
   
    
}

 #SlideShowControl, #notificationsControl, #colorsControl, #HiddenControl {
     color: #faedc5 !important;
     background: rgba(51, 27, 74, 0.8);;  /* scheme */  
        
    -webkit-box-shadow: inset -2px 18px 48px 14px rgba(0,0,0,1);        /* scheme */  
    -moz-box-shadow: inset -2px 18px 48px 14px rgba(0,0,0,1);       /* scheme */  
     box-shadow: inset -2px 18px 48px 14px rgba(0,0,0,1);       /* scheme */  
     text-shadow: none !important; 
    text-align:center;
    font-size:0.9rem;
    font-family: 'Noto Sans', sans-serif;
    position: relative;
    text-align:center;
    margin-left:15px;
    margin-right:15px;
    z-index:12;
    display: block; 
    padding: 5px 10px 30px 10px;
}


.myButton { 
    background: rgba(51, 27, 74, 0.8);;  /* scheme */
	color: #faedc5 !important;
	text-shadow:0px 1px 0px #7a2a1d;   /* scheme */
    border:1px solid white; /* scheme */
    
    text-align:center;
    font-size:1.1rem !important;	
	font-family: 'Noto Sans', sans-serif;
	font-weight:bold;
	border-radius:17px;
	border:1px solid white;
	display:inline-block;
	cursor:pointer;
	padding:6px 13px;
	text-decoration:none; 
}

.myButtonActive { 
	box-shadow:inset 0px 0px 15px 3px #b54b3a;
	border:2px solid yellow; 
    text-shadow:0px 1px 0px #7a2a1d;
   color: #faedc5 !important;
     text-align:center;
    font-size:1.1rem !important;	
	font-family: 'Noto Sans', sans-serif;
	font-weight:bold;
	border-radius:17px;
	display:inline-block;
	cursor:pointer;
	padding:6px 13px;
	text-decoration:none; 
max-width: 350px;
}

div { color: #faedc5 !important;}

#SlideShowControl div {     
	color: #faedc5 !important;         
}

div#SlideShowControl {
    color: #faedc5 !important;
}

#value {color: #faedc5 !important; }

.myButton2 { 
    background: rgba(51, 27, 74, 0.8);   /* scheme */
	color: #faedc5 !important;
   	text-shadow:0px 1px 0px #7a2a1d;     /* scheme */
    border:2px solid black;  /* scheme */
    text-align:center;
    font-size:1rem !important;	
	font-family: 'Noto Sans', sans-serif;
    height:40px;
    border-radius:17px;
	display:inline-block;
	padding-top:13px;
	padding-bottom:0px;
	text-decoration:none;
    font-weight:normal;
    position: relative;
	
}



#submit,
#submit2 {
    color: #faedc5 !important;
    background: rgba(51, 27, 74, 0.9) !important; 
    border: 1px solid black;
    box-shadow: 15px 72px 196px 0px rgba(0, 0, 0, 0.6),
        inset 13px -2px 97px 62px rgba(0, 0, 0, 0.2);

}

#submit2 span {
    
    border: 1px solid #faedc5 !important;
    background: rgba(51, 27, 74, 0.9) !important; 
}

#closePay {
    color: #faedc5 !important;
    background: rgba(51, 27, 74, 0.9) !important; 
    border: 1px solid #faedc5 !important;
}

#submit span {

    border: 1px solid #575656;
    background: rgba(51, 27, 74, 0.9) !important; 
}




.spactive {
   background-color: #632f8d !important; 
    
}
.myButtonSP { 
    background: rgba(51, 27, 74, 0.9);   /* scheme */
	color: #faedc5 !important;
   	text-shadow:0px 1px 0px #7a2a1d;     /* scheme */
    border:2px solid black;  /* scheme */
    text-align:center;
    font-size:1rem !important;	
	font-family: 'Noto Sans', sans-serif;
   
    border-radius:10px;
	display:inline;
    height: auto;
	padding:10px;
    margin: 5px;
	text-decoration:none;
    font-weight:normal;	
}

#inputgo {

    display:inline; 
    width:65px;

    background: rgba(51, 27, 74, 0.9); 
	color: #faedc5 !important;
   	text-shadow:0px 1px 0px #7a2a1d;     /* scheme */
    border:1px solid gray;  /* scheme */
    text-align:center;
    font-size:1.1rem;	
	font-family: 'Noto Sans', sans-serif;
    height:35px;
    border-radius:8px;

	padding:5px;
	text-decoration:none;
    font-weight:normal;
        
}

#play {
    position: fixed;  
    bottom: 10px;         
   
    height:40px;
    padding-top: 10px;  
   
    z-index: 50; 
    left: 50%;      
    width: 50px !important;     
    margin-left: -25px;
    background: rgba(51, 27, 74, 0.9);  
	color: #faedc5 !important;
   	text-shadow:0px 1px 0px #7a2a1d;   
    border:2px solid black; 
    
    text-align:center;
    font-size:1rem !important;	
	font-family: 'arial', sans-serif;
    font-weight: bold;
    border-radius:17px;
    font-size:2rem;	

}  
  

#menutoggle {               /* scheme */
    color: #faedc5 !important;
    background: rgba(51, 27, 74, 0.9);  
    width:42px;
	height:auto;
    border-radius:14px;
    padding: 5px;
    padding-top:30px;
    font-size:1.6em;
    float:right;
   
    position:relative;
	font-family: 'Noto Sans', sans-serif;
	text-decoration:none;
    margin-right:10px;
    z-index: 25 !important;
 
}


.select {
    
    width: 300px;
	color: black;	/* scheme */
    text-align:center;
    font-size:0.9rem !important;	
	font-family: 'Noto Sans', sans-serif;

	
}    


