@font-face {
  font-family: myRelaxed;
  src: url("../arialroundedmtbold.ttf");
}
html {-webkit-tap-highlight-color:transparent; ‑webkit‑text‑size‑adjust: 100%; font-size:1.08em;padding:0 ;margin:0;margin-block:0;}
body {padding:0 !important;margin:0 !important; margin-block:0; color:#000;background: #f7f2e6;  line-height:1.2; font-family:'Times New Roman', Times, serif;}
body.engage {color:#000; background: #8c8;}
body.disengage {color:#000; background: #8cf;}
body.avoid {color:#000; background: #cc4;}
body.stop {color:#000; background: #fcc;}
body.non4bg, body.non4bg #dMenu {color:#fff; background: #444 !important;} /*ebb2b2*/
.iosWide {font-size: 1em !important;}
.iosTall {font-size: 2.3em;}
.hide {display:none;}
.section {width:100%; height:100%;}
.sectionPadding {width:94%; height:100%; padding:0; padding-left:3%; padding-right:3%;}
.header {width:106.4%; position:relative; top:0; left:-3.2%; margin:0;margin-block:0;}
.logo {width:8em; height:4em; padding:.5em 0; border-radius:1em; display:block; text-align:center !important; margin:0 auto !important;}
.tag {border-radius:.4em; margin:.5em; padding: .4em;}
.selected {background-color:#4f4 !important;}
.homeImgContainer {
	position:relative; width:100%; height:auto; margin:0 auto; text-align:center;
}
.homeImg {/*border-radius:1em; border:thick #ddd solid;opacity:0.75;*/    opacity:1;  
    animation: fadeOutIn 15s infinite;  position:absolute; top:0; left:0; padding-bottom:2em;
}
.homeImg2 {opacity:0; animation: fadeInOut 15s infinite; position:absolute; top:0; left:0;}
p, h3, #tGuided {font-size:1.4em;}
ul, ol, li {font-size:1.2em !important;  list-style-position: outside;margin-top:.2em;}
ul, ol {padding-bottom:.6em !important;}
h2.secHead {font-weight:normal;font-size:1.8em;font-family:myRelaxed;color:#606;margin:.2em 0 .1em;}
body.non4bg h2.secHead {color:#ebb2b2;}
#pGameTimeAndScore {color:#000;}
img.classBorder {/*border-radius:.5em;border:thin solid #fff;*/}
.say {text-align:center;}
.button, option, select {border-radius:.6em; border:#666 thin solid; margin:.1em;margin-bottom:.2em; padding: .4em; background-image: linear-gradient(to bottom, #fff, rgb(111, 206, 250)); color: #606 !important; text-decoration: none;font-family:myRelaxed;}
.btnDark {background-image: linear-gradient(to bottom, #fff, rgb(97, 148, 237)); color: #606 !important;}
.c1 {background-image: linear-gradient(to bottom, #fff, #B0EACD);}
.c2 {background-image: linear-gradient(to bottom, #fff, #D7BDE2);}
.c3 {background-image: linear-gradient(to bottom, #fff, #B0EACD);}
.c4 {background-image: linear-gradient(to bottom, #fff, #FFDABD);}
.c5 {background-image: linear-gradient(to bottom, #fff, #D7BDE2);}
.c6 {background-image: linear-gradient(to bottom, #fff, #FFDA99);}
.c7 {background-image: linear-gradient(to bottom, #fff, #AAF0D1);}
.c8 {background-image: linear-gradient(to bottom, rgb(200, 233, 249), rgb(200, 233, 249));}
body.non4bg .button {/*background: rgb(14, 111, 84);color:#ebb2b2 !important;*/}
.thickBorder {background-image: linear-gradient(to bottom, #fff, #ff0);}
h2 p {font-size:1em;font-weight:normal;}
#dMenu h2 {height:1.1em;}
#dMenu h2 p a {width:90%;display:inline-block; padding:.2em;}
.pMainMenu.button {margin:0;border-radius:0;}
.pMainMenu {font-size:1.3em;height:1.2em; display:inline-block;margin:0; margin-block:0;position:fixed; top:0; left:0; width:100%;}
.pMainMenu a {position:fixed;text-decoration:none;border:thin black solid;border-radius:10%;padding:2px;}
.pMainMenu .spanMethNum {position:fixed;}
.pMainMenu .aBack {left:37%;}
.pMainMenu .aNext {left:60%;}
.pMainMenu .spanMethNum {left:2%;}
.pMainMenu .aMainMenu {right:2%;}
.pAuto.button {margin:0;border-radius:0;}
.pAuto {font-size:1.3em;height:1.2em; display:inline-block;margin:0; margin-block:0;position:fixed; bottom:0; left:0; width:100%;text-align:center;}
.pAuto a {text-decoration:none;border:thin black solid;border-radius:10%;padding:2px;display:inline-block;}
p.pAuto {padding-left:0;padding-bottom:.7em;}

.paForVoice, #paForOptions, #paForArmsVideo, #paForHandsVideo {font-size:1.3em; display:block; position:fixed; top:0; right:0;}
#paForCycle, #paForModeCycle {font-size:1.3em;}
#dMenu #paForOptions {display:none;}
.lowerLink {top: 2.4em !important;}
a:hover {background-color:#ffc;}
a {color:#000;}
.divAns {text-align:center;margin:auto;}
.ans {line-height:2.2;}
.lfont {font-size:1.3em;}
.sfont {font-size:.9em;}
.center {text-align: center;}
.size30 {width:30%;height:30%;}
.size50 {width:50%;height:50%;}
.size75 {width:75%;height:75%;}
.size90 {width:90%;height:90%;}
.size99 {width:99%;height:99%;}
/*For Zoom Meeting
html {font-size: 2.08em;}
.size50 {width:30%;height:30%;}
.size75 {width:30%;height:30%;}
*/
.intro {margin:0;padding:20px 20px 20px; -webkit-text-size-adjust:none; line-height: 1.4;}

#dMenu {text-align:center;}
#dPractice {height:100%;}
.paForVoice {display:none;}
#pQigongDesc, #pQigong2Desc {font-size:1.6em;}
#goal {margin:20px; padding:20px; border:thin solid; text-align:center;}
h1, h2, h3 {text-align: center; margin:0;padding:0 0 .2em 0;}
#dGame .GameBtn img {width:90%; height:auto; margin:1%; background:#fff;}
caption, tr, td {border:thin #444 solid; border-left:0; border-right:0;padding:4px 8px;margin:0px;text-align:center;}
table {border-collapse:collapse;}
.noBorder {border:none;}
table {margin:0 auto;}
#tdTimeDone {width:3em;text-align:left;}
.trOptMode {background-color:RGBA(50,128,50,.5);}
video {display:block; margin:0 auto; text-align:center;}
.round {border-radius:50%; overflow: hidden;}
.Clickable {}
#pTime, .pTimeClass, #pTimeChi, #pTimeRiver, #pTimeRiver2, #pTimeOm, #pTimeSound, #pGameTimeAndScore {text-align:center;font-size:1.4em;font-family:myRelaxed,'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;}
.cpLarger {font-size:1.5em;}
#pQigongDesc.cpNoImage {font-size:2.8em;}


#GameBtn1.light {
  background-color:#8c8;
}
#GameBtn2.light {
  background-color:#8cf;
}
#GameBtn3.light {
  background-color:#cc4;
}
#GameBtn4.light {
  background-color:#fcc;
}

.form-container {
  max-width: 80%;
  margin: auto;
  padding: 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.form-section {
  margin-bottom: 20px;
}

.form-section h3 {
  margin-bottom: 10px;
  font-size: 1.6em;
}

.radio-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.radio-group label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 1.4em;
}

input[type='radio'] { transform: scale(2);}

.submit-button {
  display: block;
  width: 80%;
  padding: 10px;
  margin:auto;
  text-align: center;
  font-size: 1.4em;
  color: #fff;
  background-color: #007bff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.submit-button:hover {
  background-color: #0056b3;
}

.smText {
  font-size:.7em;
}

/* Reset default list styles */
ol, ul {
  margin: 0;
  padding: 0;
  list-style-position: inside; /* Ensures bullet/number alignment inside content */
}

/* Set consistent indentation */
ol, ul {
  padding-left: 1em; /* Adjust this value to control the indentation */
  margin-left:1em;
}

/* Ensure consistent spacing between list items */
ol li, ul li {
  margin: 0;
  padding: 0;
}

/* Additional styles for cross-browser consistency */
ol {
  list-style-type: decimal; /* Ensures ordered list numbering */
}

ul {
  list-style-type: disc; /* Ensures unordered list bullet style */
}

/* Handling specific mobile quirks */
@media screen and (max-width: 768px) {
  ol, ul {
      padding-left: 15px; /* Slightly adjust for smaller screens if needed */
  }
}

#overlay {
  position: fixed;
  margin:0 !important;padding:0 !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 9999;
  display: none; /* Initially hidden */
  transition: top 0.5s ease-in-out;
}

.shimmer {
  animation: shimmerAnimation 1s infinite;
}
@keyframes shimmerAnimation {
  0%   { opacity: 1; }
  50%  { opacity: 0.5; }
  100% { opacity: 1; }
}
@keyframes gradientShift {
  0% {
    background: linear-gradient(to bottom, pink, white, white);
  }
  50% {
    background: linear-gradient(to bottom, white, pink, white);
  }
  100% {
    background: linear-gradient(to bottom, white, white, pink);
  }
}

/*For My Affirm*/
input[type="text"] {
  width: 80%;
  padding: 10px;
  font-size: 1.2em;
  margin-bottom: 20px;
}
.options {
  margin-bottom: 20px;
}
button {
  padding: 10px 20px;
  font-size: 1.1em;
  background-color: #4CAF50;
  color: white;
  border: none;
  cursor: pointer;
}
button:hover {
  background-color: #45a049;
}

/* For Affirm */
textarea,
input,
select {
  font-size: 16px; /* Prevent zoom on focus */
}

input[type="text"] {
  width: 80%;
  height:3em;
  padding: 12px;
  font-size: 18px;
  margin-bottom: 20px;
  text-wrap:wrap;
}
textarea {
  width: 80%;
  height: 3em;
  padding: 12px;
  margin-bottom: 20px;
  resize: vertical;
  white-space: pre-wrap;
  word-wrap: break-word;
}

button {
  padding: 10px 20px;
  font-size: 18px;
  cursor: pointer;
}