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

* {margin:0;padding:0; }
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); }

  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; height:auto;}
  
.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-content {display:flex;flex-direction:column;width:100%;background-color:#FFFFD7;margin:0px; }
  .container-header {display:initial;width:100%;}
  .container-header-image {width:100%;height:auto;/*background-color:#808000;*/border-radius:15px 15px 0px 0px;overflow:hidden;}

#header {margin:0px;width:100%;padding:0px;}
#header ul{max-width:100%;background-color:#85a157;display:block;margin:0px;height:22px;padding:10px;text-align:center;}
#header li{display:inline;font-size:16px}
#header ul a{text-decoration:none;color:#FFFFFF;margin:0px 10px;}
#header ul a:hover{text-decoration:underline;color:#28556b;}

  .footer {padding:10px 50px; }
  .footer p {color:#000; }

  .body-text {margin:0px 5%; }
  
  #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:0px;background-color:#8FAB40;width:100%;
  padding:3px 0px 7px 0px;transition: top 0.3s;}
  

.main-text {width:80%;margin:auto; }
/*#main-text p:first-child:first-letter {float:left;color:#903;font-size:75px;line-height:60px;padding-top:4px;padding-right:8px;padding-left:1px;font-family:Georgia; }*/
.links-container {/*float:left;*/width:100%;margin:0px 50px;display:flex;flex-direction:column;}

.link-nav {display:flex; justify-content:space-around;flex-wrap:wrap;background-color:#BFEE90;}
.link-nav li {display:inline-block; flex-direction:row;background-color:#BFEE90;padding:9px 10px;text-decoration:none;font-size:1.3em;}
.link-nav li:hover {background-color:#71C31F;}
.link-nav a {text-decoration:none;color:#0000A0; }
.link-nav a:hover {color:#000;}
.link-nav a:visited {color:#A40000; }

.article-link-container {padding:0 20px;margin:0px 20px;}
.top-flex-container {display:flex;justify-content:center;flex-wrap:wrap;}
.article-container {display:flex;flex-direction:column;width:19%;margin:0px 4px 10px 4px;}
.article-container:hover {box-shadow:0px 0px 10px 6px #505050;transform:scale(1.01);  }
.article-container a {text-decoration:none;}
.article-header {background-color:#800080;color:#fff;text-shadow:0px 1px #000;padding:4px 8px;min-height:3rem;}
.articl-header h3 {padding:0px; }
.article-content {display:flex;flex-grow:1;padding:4px;}
.article-content p {margin:0px;padding:0px 4px;font-size:1rem;line-height:1.4; }
/*.article-container p {margin:0px;padding:0px 4px; }*/
.article-image {padding:0px;margin:0px;}

#news-header {background-color:red; }
#supplements {max-width:90%;height:auto; }

.page-links {width:80%;margin:auto;}
#page-links {background-color:#ffc16a;border-radius:12px;padding:20px; }
#page-links:hover{color:#004080;cursor:pointer;background-color:#9dffae;}
#page-links ul {width:50%;margin:auto; }
#page-links li {margin-bottom:3px;font-size: clamp(1rem, 0.8864rem + 0.404vw, 1.25rem);line-height:28px;color:#141414;margin-left:30px;padding:10px; }


hr {display: block;margin-top: 30px;margin-bottom: 50px;margin-left: auto;margin-right: auto;border-style: inset;border-width: 1px;border-color:blue;}

/* 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-type:none;
}

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

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

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

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


/*.latest-news-container {margin-left:250px;padding-right:120px;padding-bottom:30px; }*/

/*----- 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:15px;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 (-) */}	
	


 @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 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;}
  
  }
  

@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%; } 
}