.sidebar{
background-color: white;	
}

.health-benefits-first-paragraph{
		text-align: center;
	}
	
	.health-benefits-first-paragraph h1{
		font-weight: 500;
    color: #586d34;
    font-size: 2.3rem;
		padding: 5px;
	}
	
	.health-benefits-first-paragraph p{
		    font-size: 20px;
    padding: 20px;
		font-weight: 300;
		color: black !important;
	}
	
	.health-benefits-conclusion{
		text-align: center;
		margin-top: 50px;
	}
	
	.health-benefits-conclusion h2{
		font-weight: 500;
    color: #586d34 !importat;
    font-size: 2rem !important;
	}
	
	.health-benefits-conclusion p{
		font-size: 20px;
    font-weight: 300;
		color: black !important;
	}
	
	.accordion {
  background-color: white;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
/*
.active, .accordion:hover {
  background-color: #ccc;
}*/

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease-out;
  -o-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
	text-align: center;
}
	
	button{
		    border-top: 1px solid #00000059 !important;
    border-bottom: 1px solid #00000059 !important;
	}
	
	button.accordion{
		opacity: 0.5;
		    text-align: center;
    font-size: 1.6rem;
	}

	button.accordion.active{
color: white;
    opacity: 1;
    background-color: #586d34;
	}
	
	.panel img{
		margin-top: 20px;
	}
	
	.panel p{
		    font-size: 1.2rem;
    font-weight: 300;
	}	
	
.container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.sidebar-health-benefits {
  width: 350px;
  background-color: white;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}

.content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  /*margin-left: 20px;*/
  position: relative;
	    margin-left: 10%;
    margin-right: 10%;
}

.content-item {
  opacity: 0; /* Make content initially invisible */
  visibility: hidden; /* Hide content initially */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  -webkit-transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
	background-color: white;
}
	
	.content-item h2{
		font-weight: 500;
    color: #586d34;
	}
	
		.content-item p{
		font-size: 1.3rem;
    font-weight: 300;
    color: black;
	}
	
			.content-item img{
		margin-top: 50px;
	}

.content-item.active {
  opacity: 1; /* Make the content visible */
  visibility: visible; /* Make it interactable */
	background-color: white;
}

.sidebar-health-benefits ul {
  list-style: none !important;
}

.sidebar-health-benefits ul li a.link:before{
   content: '';
   position: absolute;
   border-right:3px solid #6e686885;
   border-bottom:3px solid #6e686885;
   width:15px;
   height:15px;
   top: calc(50% - 4px);
   left: -25px;
   -webkit-transform: translateY(-50%) rotate(-45deg);
       -ms-transform: translateY(-50%) rotate(-45deg);
           transform: translateY(-50%) rotate(-45deg);
}
	
.sidebar-health-benefits ul li a.link.active-link:before{
   content: '';
   position: absolute;
   border-right:3px solid #586d34;
   border-bottom:3px solid #586d34;
   width:15px;
   height:15px;
   top: calc(50% - 4px);
   left: -25px;
   -webkit-transform: translateY(-50%) rotate(-45deg);
       -ms-transform: translateY(-50%) rotate(-45deg);
           transform: translateY(-50%) rotate(-45deg);
}	
	
	.sidebar-health-benefits ul li{
    line-height: 1.1 !important;
		margin-bottom: 30px;
		position: relative;
	}
	
	.sidebar-health-benefits ul li a.link:after{
		  position: relative;
  content: '';
  border-bottom: 1px solid #d2d7da;
  /*width: 70%;*/
  bottom: -15px;
		display:block !important;
	}
	
	.sidebar-health-benefits ul li a.link.active-link:after{
		border-bottom: 1px solid #586d34;
	}

.link {
  color: #6e686885 ; /* Default link color */
  text-decoration: none;
	    font-size: 1.7rem;
	font-weight:600;
	opacity:0.3;
}

.link:hover {
  color: #586d34; /* Hover color */
}

.sidebar-health-benefits a.link.active-link {
  color: #586d34 !important; /* Active link color */
  font-weight: bold;
	opacity:1;
}
	
	.health-benefits-read-more-button{
		margin: 20px;
	}
	
	.health-benefits-read-more-button a{
		background-color: #586d34;
    padding: 12PX;
    border-radius: 10px;
    color: white !important;
    font-weight: 500;
	}
	
	.health-benefits-conclusion p{
		padding: 0px 20px 20px 20px;
	}
	
	@media (max-width:1700px) and (min-width:1200px){
		.content{
			margin-right: 10%;
		}
	}
	
	@media (max-width:1440px) and (min-width:1200px){
		.sidebar-health-benefits{
			width: 335px;
		}
		
		.content{
			margin-right: 0px;
			margin-left: 0px;
		}		
	}
	
	@media (max-width:1199px) and (min-width:960px), (max-width:959px){
		.content{
			margin-right: 10px;
			margin-left: 0px;
		}
		
		.sidebar-health-benefits{
			width:260px;
		}
	}
	
	@media (min-width:680px){
		.mobile-accordion{
			display:none;
		}
		
		.health-benefits-read-more-button{
			    margin: 30px 0px 0px 0px;
		}
	}
	
	@media (max-width:679px){
		.desktop-accordion{
			display:none;
		}
		
		.post-content.style-light.std-block-padding{
			padding: 0 !important;
		}
	}