@charset "UTF-8";
/* stylelint-disable */
/**************************************************************

	THE USE OF NEW COLOURS ARE NOT PERMITED. ONLY THE COLOURS LISTED IN THE BRAND IDENTITY ARE ALLOWED TO BE USED. 
    REFER BRAND IDENTITY POLICY. 
    /**************************************************************

	COLOUR STYLESHEET INDEXING
	|
	|
	|___ Backgrounds
	|___ Hyperlinks
    |___ Gold hyperlinks when used on smaller font
	|___ Table borders, Table headers
	    |___Grey
        |___Gold
        |___Copper
        |___Teal
	|___ Error Message Colours

**************************************************************/
/* ALLOWED TO BE USED ONLY AS BACKGROUND COLOURS */
/* USE THIS ONLY FOR HYPERLINKS */
/* GOLD HYPERLINKS HYPERLINKS - WHEN USED ON SMALLER FONT TO PASS AA */
/* USE THIS ONLY TO HIGHLIGHT'S IN TABLE */
/* USE THIS FOR TABLE BORDERS, TABLE HEADERS */
/* GREY */
/* GOLD */
/* COPPER */
/* TEAL */
/* COLOURS ALOOWED FOR ERROR MESSAGES ON FORMS */
/* Badge color */
/* Focus color */
/* GRID LAYOUT BREAKPOINTS */
/* ANCHOR mixins */
/* ANCHOR Customisation */
.accordion {
  background-color: #fff;
  color: #000;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  outline: none;
  font-size: 18px;
  font-weight: 600;
  transition: 0.4s;
  margin-bottom: 15px;
  border: 1px solid;
}
.accordion.active, .accordion.accordion:hover {
  background-color: #000;
  color: #fff;
}
.accordion.active::after {
  content: "−";
}
.accordion::after {
  content: "+";
  color: #be830e;
  font-weight: 500;
  float: right;
  margin-left: 5px;
}

.panel {
  padding: 0 18px;
  background-color: rgba(255, 255, 255, 0);
  max-height: 0;
  display: none;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  color: #000;
}

/* ANCHOR RESPONSIVE */
@media only screen and (min-width: 320px) and (max-width: 1110px) {
  .panel {
    margin-left: 20px;
  }
}
/* ANCHOR WITH BACKGROUNS */
.bg-black .panel {
  color: #fff;
}

/*# sourceMappingURL=accordion.css.map */