/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */

* {margin:0px;box-sizing:border-box;padding:0px; }

body {background-color:#8FAB40;font-family:'Open Sans', Arial, Helvetica, sans-serif;max-width:1440px;margin:auto; }

  h1 {font-family:"geometric-font";color:black;font-size: clamp(1.5rem, 0.8182rem + 2.4242vw, 3rem);line-height:1.4;margin-bottom:6px;}
  h2 {margin-bottom:5px;font-size: clamp(1.125rem, 0.9458rem + 0.7547vw, 1.625rem); }
  h3 {margin-bottom:4px;font-size: clamp(1rem, 0.9104rem + 0.3774vw, 1.25rem); }
  h2,h3,h4,h5,h6 {margin-bottom:6px;margin-top:1rem;}
  h2, h3 {font-family:'Fjalla One', Helvetica, Arial, sans-serif; }
  
  p {font-family:'Open Sans', Arial, Helvetica, sans-serif;color:#2B2B29;padding-bottom:8px;font-size: clamp(0.938rem, 0.795rem + 0.505vw, 1.25rem);line-height:1.6;text-align:justify; }

  a {text-decoration:none;color:blue;font-weight:500; }
  a:hover {text-decoration:underline; }
  
  .row {margin:10px 1%; }
  .clear {clear:both; }
  .active {background-color:#fff9b4; color:#206e29;}
  
  .body-text {max-width:100%;margin:4%; }
  
 .maincontent-grid {display:grid;
				 grid-template-columns:18% 1fr 1fr 18%;
				 grid-template-rows:auto auto auto auto;
				 gap:10px 10px; }
                 
.main-container {max-width:100%;border:0px 5px;border-style: solid;border-color: #fff;border-radius:10px 10px 10px 10px;padding:0px;margin-top:20px;
    min-height:50px;}
  .container-main-content {background-color:#8FAB40;margin:1% 1% 0% 1%;border:3px solid #FFFFFF;border-radius:18px; }
  .container-header {display:initial;width:100%;}
  .container-header-image {width:100%;height:auto;/*background-color:#808000;*/border-radius:15px 15px 0px 0px;overflow:hidden;}
  .container-content {display:flex;flex-direction:column;width:100%;background-color:#FFFFD7;margin:0px; }
  
  #index-title {text-align:center;font-family:"geometric-font";font-size:3.8rem; line-height:3.1rem; }

  #title h1 {text-align:center;font-family:"geometric-font";font-size: clamp(2.1rem, 1.3273rem + 2.7475vw, 3.8rem); line-height:1; }
  #title-h2 {/*font-family:'Open Sans';*/font-size: clamp(1.125rem, 0.9009rem + 0.9434vw, 1.75rem); line-height: 1.5;text-align:center; }
  #sticky {display:flex;flex-direction:row;align-items:center;justify-content:center; position: sticky; top: 0px; left:0;background-color:#8FAB40;width:100%;padding-top:10px;transition: top 0.3s;}

  .firstcharacter {float:left; color:#398040; font-size:75px; line-height:60px; padding-top:2px; padding-right:1px; padding-left:0px; 
				   font-family:'geometric-font';}

  .image-center {display:flex;flex-direction:row;justify-content:center; }
  .image-left {width:30%;margin-right:20px;float:left; }
  .image-right {width:30%;margin-left:20px;float:right; }
  .img-caption {font-size:14px;font-weight:bold; text-align:center;}
 .img-container { position: relative;text-align: center;color: white;}
 
 #plato-quote {width:80%;margin:auto; }
#importance {width:80%;margin:auto; }
#importance p {/*font-size:2rem;*/font-size: clamp(1.2rem, 1.1818rem + 1.1313vw, 2rem);font-weight:300;line-height:2.5rem;font-family:'Cormorant';}
.container-up {display:flex; flex-direction:column;justify-content:center;align-items:center;text-align:center;}

 #image-health {display:flex;flex-wrap:wrap;width:100%;flex-direction:column; }
 #plato {width:80%;margin:auto; }
 
 #bmi {width: 80%;background-color:#fff9b4;padding:20px;border-radius:15px;margin:auto;}
#bmi-problem {width:80%;background-color:#fff9b4;padding:20px;border:solid 5px #ff7e14; border-radius:15px;margin:auto;}
#real-wl-info {padding:10px;background-color:#d2b48c;border-radius:10px;text-align:center; }
#buddhi {background-color:#ffcf79;padding:40px 40px;border-top:3px solid #ff7e14;border-bottom:3px solid #ff7e14;border-radius:15px;} 
#buddhi p {color:#000;font-weight:500;margin-bottom:0px; }
.hideme {opacity:0;}
 .statement-left {font-family:'fjalla One', sans-serif; font-size:24px;padding-top:80px;text-align:left;}
.statement-right {font-family:'fjalla One', sans-serif; font-size:24px;padding-top:80px;text-align:right;}

 #announcer {display:flex;flex-direction:row; }
 .container-button {width:100%;display:flex;flex-direction:row;justify-content:space-around; }
.button {width:120px;display:block; padding:2px 20px;background-color:#ccc;border:1px solid #ccc;border-radius:10px;text-align:center;color:#202020;}
.button:hover {border:1px solid #000;color:#000; }
  .image-credits {font-weight:bold; font-size:1rem;}
  .cite {font-style:italic; color:#004080;}
 
  .body-text {margin:0px 5%;line-height:1.6rem; }
 .div-image-right {float:right; margin-right:30px;margin-left:20px;width:200px;height:auto;}
.div-image-left {float:left;margin-right:20px;width:200px;height:auto;}
#SnakeOil {max-width:50%;margin-left:auto;margin-right:auto; }
 #atomic {display:flex;flex-direction:row;width:100%; }
 .atomic {width:33%; }
 #bad-science {display:flex;flex-direction:row;width:100%;justify-content:space-around; }
 #meditation {border:3px solid #ff7e14;background: #e8c3b5;
background: linear-gradient(180deg,rgba(232, 195, 181, 1) 33%, rgba(245, 235, 142, 0.77) 66%);padding:20px;border-radius:20px;}
 .container-ageing {display:flex;flex-direction:column;align-items:center;width:100%; }
 #page-links ul {width:100%;margin:auto; }
#page-links li {padding-bottom:6px; }

 
 #container-bowled-out {display:flex;flex-direction:row;width:30%;float:right;margin:10px 0px 10px 25px;}
 #cricketer {width:100%; height:auto;}

  /* -- Cartoon Illustration page -- */
  #article {width:95%;margin:auto;border:3px solid #ff7e14;background-color:#ffc16a;padding:15px;border-radius:15px; }
  .center-quote {text-align:center; }
  .read {background-color:#fff9b4;border-radius:10px;padding:10px;border:1px solid #ff7e14; }
  .read p {text-align:center; }

/* Article - Talking Health */
  .style-g {font-weight:bold; color:#005e13;}
  .style-b {font-weight:bold; color:#0000a0;}
  
  .chronic-pain {  position: relative;
  text-align: center;
  color: black;width:90%;margin:auto;
  }
  .centered {width:90%;margin:auto;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(-50%, -50%);
  }
  
  ol {margin-left:20px; }
  ol li {font-size: clamp(0.938rem, 0.795rem + 0.505vw, 1.25rem);line-height:1.6;margin-bottom:4px; }
  ul {margin-left:20px; }
  ul li {font-size: clamp(0.938rem, 0.795rem + 0.505vw, 1.25rem);line-height:1.6;margin-bottom:4px; }
  
  .quote-container {width:80%; margin:25px auto; padding:25px; border-radius:15px; border-top:3px solid #ff7e14;
                   background: #e8c3b5; background: linear-gradient(90deg, rgba(232, 195, 181, 1) 18%, rgba(245, 235, 142, 1) 100%);
                   border-bottom:solid 3px #ff7e14;}
  .quote-author {color:#004080;font-weight:bold; text-align:right;font-size:1.1rem;font-style:italic;}
  .quote-text { font-size: clamp(0.875rem, 0.7045rem + 0.6061vw, 1.25rem);line-height:1.6; margin:20px 0px;padding:0px 10px; }

  .org-name {font-weight:bold; color:#0080c0;}
   
  .footer {padding:10px 50px; }
  .footer p {color:#fff; }

  .maincontent-grid {display:grid;
				 grid-template-columns:15% 1fr 1fr 15%;
				 grid-template-rows:auto auto;
				 gap:10px 10px; }

  /*Start of mobile first settings */
  
   .container-welcome {
			 grid-column: 1 / span 4;
  			 grid-row: 1 / 1;}
             
.side-image {padding:1%;display:flex;flex-direction:column;align-items:center;text-align:center;/**/
			 grid-column: 4 / span 4;
  			 grid-row: 1 / 2; }
 			 
  .container-side {padding:1%;background-color:#BDFFC0;
			 grid-column: 4 / span 4;
   			 grid-row: 2 / span 2;}
			 
  .container-text-1 {width:100%;padding:1%;
			 	  grid-column: 1 / span 4;
  			 	  grid-row 3 / 3;}

  .container-aims-and-objectives {width:100%;
			 	  grid-column: 2 / span 2;
  			 	  grid-row: 4 / 4 }


 
  
/* css only Nav Bar */
  nav{
  /*position:fixed;*/
  top:50px;  left:20px;
  /*border:2px solid #333;
  border-radius:21px;*/
  min-width:35px;  min-height:30px;  overflow:hidden; width:100%; margin:auto;
}
nav input{  display:none;}
nav input:checked ~ label span:last-child{  display:none;}
nav input:not(:checked) ~ label span:first-child{  display:none;}
nav label{
  display:block;
  position:absolute;
  right:0px;
  top:0px;
  user-select:none;
  width:40px;
  height:40px;
  text-align:center;
  line-height:40px;
  background:#333;
  color:white;
  border-bottom-left-radius:20px;
  cursor:pointer;
}
nav ul{display:flex;flex-direction:column;align-items:center;
  overflow:hidden;
  width:0;
  height:0;
  padding:0;
  margin:0;
  transition:width 0.5s, height 0.5s;
  list-style:none;
}

nav input:checked ~ ul{
  width:auto;
  height:auto;
}

nav ul li {
  color:#fff;
  font-family:'Roboto', sans-serif;
  display:block;
  width:150;
  height:40px;
  line-height:30px;
  /*letter-spacing:2px;*/
  text-align:center;
  padding:5px;
  transition:color 0.5s, background 0.5s;
  margin-bottom:0px;
}

nav ul li a {text-decoration:none;}

nav ul li:hover{text-decoration:none;
  /*background:#333;*/
  background:#398040;
  color:white;
}

/*----- Accordion -----*/
.accordion, .accordion * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.accordion {overflow:hidden;box-shadow:0px 1px 3px rgba(0,0,0,0.25);border-radius:3px;background:rgba(247,247,247,0);/*#f7f7f7*/}
/*----- Section Titles -----*/
.accordion-section-title {width:100%;padding:15px;display:inline-block;/*border-bottom:1px solid #1a1a1a;background:#333;*/
    transition:all linear 0.15s;
    /* Type */ font-size:1.200em;color:#1e90ff/*#fff;*/}
.accordion-section-title.active, .accordion-section-title:hover {background:#BFEE90;
    /* Type */ text-decoration:none;}
.accordion-section:last-child .accordion-section-title {border-bottom:none;}
/*----- Section Content -----*/
.accordion-section-content {padding:15px;display:none;}
.accordion-section-title:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;color: #1e90ff;float: right;margin-left: 5px;text-decoration:none}
.accordion-section-title.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */}	
	


/*----- Dropdown -----*/
.Dropdown, .Dropdown * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.Dropdown {overflow:hidden;border-radius:3px;background:#BFEE90;}
/*----- Section Titles -----*/
.Dropdown-section-title {width:100%;padding:15px;display:inline-block;
    transition:all linear 0.15s;
    font-size:1.200em;color:#1e90ff;}
.Dropdown-section-title.active, .accordion-section-title:hover {background:#BFEE90;
    text-decoration:none;}
.Dropdown-section:last-child .Dropdown-section-title {border-bottom:none;}
/*----- Section Content -----*/
.Dropdown-section-content {padding:5px;display:none;}
.Dropdown-section-title:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 24px;color: #1e90ff;float: right;margin-left: 5px;text-decoration:none}
.Dropdown-section-title.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */}	


    /* -- START OF DESKTOP VIEW -- */

 @media screen and (min-width: 900px) {

 .container-welcome {
			 grid-column: 1 / span 4;
  			 grid-row: 1 / 1;}
			 
  .container-side {padding:1%;background-color:#BDFFC0;
			 grid-column: 2 / span 2;
  			 grid-row: 2 / 2;}
			 
  .container-text-1 {width:100%;
			 	  grid-column: 2 / span 2;
  			 	  grid-row: 3 / 3; }

  .container-text-1 p {line-height:1.6rem;color:#444442;margin-bottom:.8rem; }

  .container-side-link {width:100%;
			 	  grid-column: 1 / 1;
  			 	  grid-row: 1 / span 2; }
			  
  nav ul li { color:#fff;display:inline-block; }
  nav ul a {text-decoration:none; }
  nav label{display:none;}
  nav input:checked ~ label span:last-child{display:inline-block;  }
  nav input:not(:checked) ~ label span:first-child{display:inline-block;  }
  nav input:checked ~ ul {width:auto;height:auto;}
  nav ul{display:flex;flex-direction:row;justify-content:space-around;
  overflow:hidden; width:100%; height:auto; padding:2px; margin:0; transition:width 0.5s, height 0.5s; list-style:none;}
  
  .link-nav li {font-size:irem;text-align:left; }
  
  /* -- cartoon Illustration page -- */
  .page-content-image {width:70%;margin:auto; }
  .body-text {width:70%;margin:auto; }

@media screen and (max-width:899px) {
	   .links-container {max-width:100%;float:none; }
	   .article-container {width:45%; }
	   .article-link-container {float:none;} 
	   .latest-news-container {margin-left:10px;padding-right:10px;padding-bottom:30px; }
	   .links-container {margin:0px 10px; }

}

@media screen and (max-width:468px) {
	   .article-container {width:90%; } 
}
  
  /* Article - Boost Your Immunity */
  .recipe {width:90%;margin:auto; background: #eb872f;background: linear-gradient(175deg,rgba(235, 135, 47, 0.83) 33%, rgba(245, 236, 159, 0.79) 66%);
          border:solid 2px #ff7e14;border-radius:15px;padding:20px;}
          
  /* Article - Talking Health */
  .style-g {font-weight:bold; color:#005e13;}
  .style-b {font-weight:bold; color:#0000a0;}
  
  .chronic-pain {  position: relative;
  text-align: center;
  color: black;width:90%;margin:auto;
  }
  .centered {width:90%;margin:auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  }
  
  /* -- FROM page-style.css -- */