/* 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 {font-size: clamp(1.1875rem, 1.017rem + 0.6061vw, 1.5625rem); }
  
  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;}
  
  .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; }

  #title {text-align:center;font-family:"geometric-font";/*font-size: clamp(2.1rem, 1.3273rem + 2.7475vw, 3.8rem); line-height:3.1;*/ }
  
  #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;}
  
  .image-credits {font-weight:bold; font-size:1rem;}
  .cite {font-style:italic; color:#004080;}
 
  .body-text {margin:0px 5%;line-height:1.6rem; }
  
  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 auto auto auto;
				 gap:10px 10px; }

  /*Start of mobile first settings */
  
  .container-welcome {/*padding:1%;display:flex;flex-direction:column;align-items:center;text-align:center;*/
			 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%;padding:1%;
			 	  grid-column: 1 / span 4;
  			 	  grid-column 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;
}

@media screen and (min-width: 900px) {.body-text {margin:0px 15%; }

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

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

  .container-text-2 {width:100%;
			 	  grid-column: 2 / span 2;
  			 	  grid-row: 4 / 4; }
				  
  
  nav ul li { color:#fff;display:inline-block;  }
  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:2; margin:0; transition:width 0.5s, height 0.5s; list-style:none;}
  }
  
  /* 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%);
  }