.toggle_container {  
	padding: 30px 10px;
	overflow:hidden;
	max-width: 100%;
}

h3:first-child.trigger	{
    padding: 0px
}

h3.trigger:before, h3.active:before	{ 
	color:rgba(0,0,0,.5);
	float:right;
    padding: 20px 20px 0px 0px;
}

h3.trigger:before	{
	font-family: "dashicons" !important;	
	content: " \f347";	
	color:green;
}

h3.active:before	{ 
	font-family: "dashicons" !important;	
	content: " \f343";
	color:red;	
}
	
h3.trigger { 
	margin: 0px;
	padding:0px;
	text-indent:10px;
	display:block;
}

h3.trigger	{
	border-color: rgba(0,0,0,.1)!important;
}

h3.trigger:first-of-type {
    border-bottom:none!important;
}

h3.trigger a:link { 
	text-decoration: none;
	display: block;
    padding: 20px;
	width:100%;
	font-size: min(max(10px , 2vw), 18px);
	line-height:24px;
	font-weight: 400;
	text-align:left;
text-indent:0px;	
}

h3.trigger a:hover{ 
	background:rgba(0,0,0,.03);
}

h3.trigger a:hover, h3.trigger a:visited , h3.trigger a:link	{ 
	text-decoration: none;
}

h3.active a:link 	{
	background:rgba(0,0,0,.03);
}


@media only screen and (min-width:0px) and (max-width : 600px) {
	h3.trigger a:link { 
		font-size:12px;
	}
}