/* 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;
  }
  
  
  
  /* additional styling for move to LW */
  .page-template-elston-page {
    
  }
  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    text-align: center;
  }
  
  p {
    font-size: 24px;
  }
  
  h1, h2 {
    font-size: 3rem;
    
  }
  .pink-button a {
    background-color:#ed2b74;
  }