/* Sweet Briar FAQs - CSS */	

/* Style the buttons that are used to open and close the accordion panel */
.sbc-faqs__question {
	background: #FFFFFF;
    border: 1px solid;
    border-color: #EEEEEE;
    border-radius: 5px;
    color: #ee2b74;
    font-size: 16px;
    margin-top: 0px!important;
	cursor: pointer;
	width: 100%;
	text-align: left;
	transition: 0.4s;
	padding: 0.5em 0.5em 0.5em 0.7em;
  }

  .sbc-faqs__question:after {
    content: '\002B';
    color: #ee2b74;
    font-weight: bold;
    float: right;
    margin-left: 5px;
	margin-right: 10px;
}

  .sbc-faqs__question.active:after {
    content: "\2212";
}
  
  /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
  .active, .sbc-faqs__question:hover {
	background-color: #fff;
	color: #5d9e2a;
  }
  
  /* Style the accordion panel. Note: hidden by default */
  .sbc-faqs__answer {
	padding: 0 10px;
	background-color: white;
	overflow: hidden;
	max-height: 0;
	transition: max-height 0.2s ease-out;
  }